{"id":20255758,"url":"https://github.com/gimjin/html9patch","last_synced_at":"2025-04-11T00:06:58.336Z","repository":{"id":28100846,"uuid":"31599102","full_name":"gimjin/html9patch","owner":"gimjin","description":"Rewrite Android 9-Patch to html9patch export HTML+CSS","archived":false,"fork":false,"pushed_at":"2016-08-10T05:25:40.000Z","size":691,"stargazers_count":3,"open_issues_count":0,"forks_count":3,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-11T00:06:53.942Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gimjin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-03-03T13:14:46.000Z","updated_at":"2024-03-08T13:07:15.000Z","dependencies_parsed_at":"2022-09-02T09:23:34.972Z","dependency_job_id":null,"html_url":"https://github.com/gimjin/html9patch","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gimjin%2Fhtml9patch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gimjin%2Fhtml9patch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gimjin%2Fhtml9patch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gimjin%2Fhtml9patch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gimjin","download_url":"https://codeload.github.com/gimjin/html9patch/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248317707,"owners_count":21083528,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-14T10:40:48.568Z","updated_at":"2025-04-11T00:06:58.310Z","avatar_url":"https://github.com/gimjin.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# html9patch\n![9-Patch](https://github.com/kimseongrim/html9patch/blob/master/images/demos.png)\n![Responsive_web_design](https://github.com/kimseongrim/html9patch/blob/master/images/Responsive_web_design.png)\n**html9patch tool can change the web development mode.**\n* GUI control UIView (Contain padding, Protecting images will not be stretched.)\n* Repeal gridline, Reduce the workload.\n* [Responsive Web Design](http://alistapart.com/article/responsive-web-design)\n* Upgrade development efficiency\n* and more Goole/Bing/Baidu “9patch”\n\n\u003e **Warning:** Not compatibility IE6, stand up for the W3C.\n\n\n# Demos\n```Bash\n$git clone git@github.com:kimseongrim/html9patch.git\n$open \u003cpath\u003e/demos/index.html\n```\n\n# How to create?\n```Bash\njava -jar html9patch.jar [src]\n(e.g. $java -jar \u003cpath\u003e/tools/html9patch.jar \u003cpath\u003e/demos)\nvim \u003cpath\u003e/demos/index.html\n* \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"\u003cpatch\u003e/stylesheet.css\" /\u003e\n* \u003cdiv id=\"Image Name\"\u003e\u003c/div\u003e\n* \u003cscript type=\"text/javascript\" src=\"\u003cpatch\u003e/jquery-1.9.0.js\"\u003e\u003c/script\u003e\n* \u003cscript type=\"text/javascript\" src=\"\u003cpatch\u003e/html9patch.js\"\u003e\u003c/script\u003e\n// More function look at demo/index.html\n\n[src]    Required   9-Patch PNG file directory\n```\n\n# adjust the slice images directory?\n```Bash\n$ vi \u003cpath\u003e /html9patch.js\nChange line 6 var imageDirectory\n(e.g. http://cdn.yoursite.com/images/)\n```\n\n# Create 9-Patch file\nOpen Android 9-Patch tool, `OR` You can create with Adobe Photoshop.\n```Bash\njava -jar \u003cpath\u003e/tools/draw9patch.jar\n```\n![draw9patch-tool](https://github.com/kimseongrim/html9patch/blob/master/images/draw9patch-tool.png)\n\u003e**Note:** A normal PNG file (*.png) will be loaded with an empty one-pixel border added around the image, in which you can draw the stretchable patches and content area. A previously saved NinePatch file (*.9.png) will be loaded as-is, with no drawing area added, because it already exists.\n\nOptional controls include:\n* **\u003cb\u003eZoom:** Adjust the zoom level of the graphic in the drawing area.\n* **Patch scale:** Adjust the scale of the images in the preview area.\n* **Show lock:** Visualize the non-drawable area of the graphic on mouse-over.\n* **Show patches:** Preview the stretchable patches in the drawing area (pink is a stretchable patch).\n* **Show content:** Highlight the content area in the preview images (purple is the area in which content is allowed).\n* **Show bad patches:** Adds a red border around patch areas that may produce artifacts in the graphic when stretched. Visual coherence of your stretched image will be maintained if you eliminate all bad patches.\n\n\u003e **Warning:** If you need a compatible Internet Explorer 9 or less, 9-Patch above and left of the cutting area use 1px.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgimjin%2Fhtml9patch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgimjin%2Fhtml9patch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgimjin%2Fhtml9patch/lists"}