{"id":19138077,"url":"https://github.com/lemonpi/drawpoint","last_synced_at":"2025-11-13T11:03:29.985Z","repository":{"id":39122607,"uuid":"90843292","full_name":"LemonPi/drawpoint","owner":"LemonPi","description":"Abstracting drawing on a HTML canvas with points and operations on points","archived":false,"fork":false,"pushed_at":"2023-03-04T18:58:21.000Z","size":2417,"stargazers_count":1,"open_issues_count":21,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-03T13:52:25.571Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LemonPi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2017-05-10T08:59:20.000Z","updated_at":"2022-07-21T19:52:07.000Z","dependencies_parsed_at":"2024-11-09T06:41:46.751Z","dependency_job_id":"984c20bb-219b-448f-bda3-2e43683302a9","html_url":"https://github.com/LemonPi/drawpoint","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/LemonPi%2Fdrawpoint","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LemonPi%2Fdrawpoint/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LemonPi%2Fdrawpoint/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LemonPi%2Fdrawpoint/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LemonPi","download_url":"https://codeload.github.com/LemonPi/drawpoint/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240217223,"owners_count":19766730,"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-09T06:41:40.216Z","updated_at":"2025-11-13T11:03:24.965Z","avatar_url":"https://github.com/LemonPi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Draw Points\nA simple library to abstract drawing on HTML canvases by \nusing points and operations on points.\n\n## [Interactive demo](http://johnsonzhong.me/drawpoint-demo/)\n\n## Usage\nGet by cloning the repository, or `npm install drawpoint`.\n\n### building from source\n```bash\nnpm install\nnpm run build\n```\n\n### testing\n```bash\nnpm install\nnpm test [optional seed]\n```\nThe test outputs the seed it's using at the top, which you can\npass back into `npm test [seed]` to replicate behaviour.\n\n\n### include (browser)\n\nInclude `dist/drawpoint.js` in a script tag and use `drawpoint` as the global namespace containing all the functions.\n\n```html\n\u003chtml\u003e\n\u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cscript src=\"./drawpoint.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\u003ccanvas id=\"cv\" width=\"600\" height=\"600\" style=\"border:solid black 2px\"\u003e\u003c/canvas\u003e\n\u003cscript\u003e\n// can use just as a global variable in the browser\n// use dp as a shorthand\nconst dp = drawpoint;\n\u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n### include (CommonJS)\nOnly useful is the source is ultimately used in the browser since that's the only\nplace where canvas and rendering contexts exist. This would be the case if the\ncode's passed through `browserify` or `webpack`, for example.\n```javascript\nconst dp = require('drawpoint');\n```\n\n### include (ES2015 module)\n```javascript\nimport * as dp from 'drawpoint';\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flemonpi%2Fdrawpoint","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flemonpi%2Fdrawpoint","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flemonpi%2Fdrawpoint/lists"}