{"id":21926692,"url":"https://github.com/tsand/responsive-sketchpad","last_synced_at":"2025-12-12T04:22:09.597Z","repository":{"id":8027755,"uuid":"9437104","full_name":"tsand/responsive-sketchpad","owner":"tsand","description":"A completely responsive, HTML5 canvas sketchpad for use on desktop and mobile browsers","archived":false,"fork":false,"pushed_at":"2025-03-26T16:37:35.000Z","size":613,"stargazers_count":156,"open_issues_count":8,"forks_count":45,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-04-02T12:40:30.017Z","etag":null,"topics":["canvas","html5-canvas-sketchpad","javascript","mobile-sketchpad","responsive"],"latest_commit_sha":null,"homepage":"https://tsand.github.io/responsive-sketchpad/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tsand.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2013-04-14T23:31:43.000Z","updated_at":"2025-03-26T16:37:24.000Z","dependencies_parsed_at":"2024-06-21T03:56:09.733Z","dependency_job_id":"db44586e-fa5e-4d33-ad5d-2584748a794f","html_url":"https://github.com/tsand/responsive-sketchpad","commit_stats":{"total_commits":117,"total_committers":7,"mean_commits":"16.714285714285715","dds":"0.41880341880341876","last_synced_commit":"a9c31154491f0ceaf5ce482ab830d634581fdf4b"},"previous_names":["theisensanders-wf/responsive-sketchpad","trsanders/responsive-sketchpad"],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsand%2Fresponsive-sketchpad","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsand%2Fresponsive-sketchpad/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsand%2Fresponsive-sketchpad/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsand%2Fresponsive-sketchpad/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tsand","download_url":"https://codeload.github.com/tsand/responsive-sketchpad/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248054225,"owners_count":21039952,"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":["canvas","html5-canvas-sketchpad","javascript","mobile-sketchpad","responsive"],"created_at":"2024-11-28T22:10:41.496Z","updated_at":"2025-10-09T22:44:56.277Z","avatar_url":"https://github.com/tsand.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Responsive-Sketchpad\n\n[![npm version](https://img.shields.io/npm/v/responsive-sketchpad)](https://www.npmjs.com/package/responsive-sketchpad)\n[![Build](https://github.com/tsand/responsive-sketchpad/workflows/Build/badge.svg)](https://github.com/tsand/responsive-sketchpad/actions)\n\nA completely responsive, HTML5 canvas sketchpad for use on desktop and mobile browsers with no dependencies.\n\n[Demo](https://tsand.github.io/responsive-sketchpad/)\n\n### Installation\n\n`npm install responsive-sketchpad`\n\n\u003e Follow [node-canvas](https://www.npmjs.com/package/canvas) setup instructions\n\n### Example Usage\n\n```html\n\u003c!-- index.html --\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003cscript src=\"script.js\" async\u003e\u003c/script\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003cdiv id=\"sketchpad\"\u003e\u003c/div\u003e\n  \u003c/body\u003e\n  \u003c!-- Can also include global bindings if not using JS modules --\u003e\n  \u003c!-- \u003cscript src=\"sketchpad.js\"\u003e\u003c/script\u003e --\u003e\n\u003c/html\u003e\n```\n\n```js\n// script.js\nvar Sketchpad = require('responsive-sketchpad');\n\n// Initialize Sketchpad\nvar el = document.getElementById('sketchpad');\nvar pad = new Sketchpad(el, {\n    line: {\n        color: '#f44335',\n        size: 5\n    }\n});\n\n// Set line color\npad.setLineColor('#f44336');\n\n// Set line size\npad.setLineSize(10);\n\n// Undo\npad.undo();\n\n// Redo\npad.redo();\n\n// Clear canvas\npad.clear();\n\n// Resize canvas\npad.resize(100);\n\n// Make read only\npad.setReadOnly(true);\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftsand%2Fresponsive-sketchpad","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftsand%2Fresponsive-sketchpad","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftsand%2Fresponsive-sketchpad/lists"}