{"id":13671463,"url":"https://github.com/0326/canvas","last_synced_at":"2025-04-27T18:31:18.313Z","repository":{"id":84501752,"uuid":"77722360","full_name":"0326/canvas","owner":"0326","description":" Awesome works with canvas.","archived":false,"fork":false,"pushed_at":"2017-01-08T16:43:59.000Z","size":1207,"stargazers_count":51,"open_issues_count":0,"forks_count":9,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-11-11T09:43:44.123Z","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/0326.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}},"created_at":"2016-12-31T03:02:10.000Z","updated_at":"2022-01-12T07:16:55.000Z","dependencies_parsed_at":"2023-03-12T23:10:14.348Z","dependency_job_id":null,"html_url":"https://github.com/0326/canvas","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/0326%2Fcanvas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0326%2Fcanvas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0326%2Fcanvas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0326%2Fcanvas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0326","download_url":"https://codeload.github.com/0326/canvas/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251187133,"owners_count":21549592,"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-08-02T09:01:10.312Z","updated_at":"2025-04-27T18:31:17.954Z","avatar_url":"https://github.com/0326.png","language":"JavaScript","readme":"# Awesome Canvas Works\n\n#### [AlloyImage](https://github.com/AlloyTeam/AlloyImage)\n腾讯出的基于HTML5的专业级图像处理开源引擎，功能很强大，简直就是Web版的PS。\n\n![](https://img.alicdn.com/tps/TB1qqF.PXXXXXXFXXXXXXXXXXXX-1381-597.png)\n\n#### [html2canvas](http://html2canvas.hertzen.com/documentation.html)\n将web页面通过canvas来实现截屏，其原理就是遍历DOM结构和样式，然后在canvas中绘制出来，通过toDataURL输出图片。但由于canvas图片的同源策略限制，如果图片和网站不同源的话会截取不出来的。另外在微信中测试时，即使用同源的图片截取出来的图片也有问题，所以要想将其用于生产环境，还是得看场景，有很多坑要踩。\n\n#### [code-to-image](https://github.com/akira-cn/code-to-image)\n代码转图片工具。有时候你在不同的平台写文章贴代码，由于不同平台代码格式化规范不一，所以经常会出现代码排版问题，通过这个工具将代码转成图片就可以避免排版问题了。\n\n#### [Cropper](https://fengyuanchen.github.io/cropper/)\n一个专门用来做图片裁剪的应用。\n\n#### [tracking.js](https://github.com/eduardolundgren/tracking.js/)\n这是一个专业的计算机视觉处理JS库，包含了大量图形处理算法，可用来做人脸识别，色彩追踪等酷炫功能。\n\n#### [qrcode2](https://github.com/nicolaszhao/qrcode2)\n用JS动态生成二维码，这个库还是很实用的，原理就是qrcode算法+canvas绘图，不支持canvas的用table兼容。\n\n\n#### [fabricjs](http://fabricjs.com/)\nFabric 基于canvas提供了可交互的对象模型，并且支持SVG-to-canvas \u0026\u0026 canvas-to-SVG，还能个性化构建出你想要的功能。\n\n#### [PixiJS](http://www.pixijs.com/#)\nPixiJS官网吓到我了，简直酷炫，适合做游戏或者可交互式动画。\n\n#### [Konva.js - 2d html5 canvas library for desktop and mobile applications](https://konvajs.github.io/)\n这个对移动端适配较好，以后做分享活动页可能会用到。\n\n#### [Paper.js](http://paperjs.org/about/)\n专门做矢量图形的，号称是Vector Graphics Scripting的瑞士军刀。\n\n#### [createjs](http://www.createjs.com/easeljs)\n用来 creating games, generative art, and other highly graphical experiences.那还不如用阿里的Hilo呢？\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0326%2Fcanvas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0326%2Fcanvas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0326%2Fcanvas/lists"}