超实用的canvas插件推荐

关注公众号 【罗米笔记】

大家都知道在web开发中，canvas是一个强大的绘图技术，可以实现各种动态图形及交互，让应用更流畅。在工作中收集了一些关于canvas的开源项目，给各位同学提供开发思路 ， 以后有时间会出各个使用教程 ， 希望大家关注下

1. Fabric.js 是一个非常强大的JavaScript库，它帮助开发者简化了HTML5 Canvas元素的使用和管理。以下是一些关于Fabric.js的重要信息和特性：

https://github.com/fabricjs/fabric.js

2. html2canvas 是把html转成canvas的一个库，非常好用，可以用在图片分享，生成图片，预览图等场景 

https://github.com/niklasvh/html2canvas

3. lucky-canvas基于 JS + Canvas 实现的【大转盘 & 九宫格 & 老虎机】抽奖，致力于为 WEB 前端提供一个功能强大且专业可靠的营销组件，只需要通过简单配置即可实现自由化定制，帮助你快速的完成产品需求

https://github.com/buuing/lucky-canvas

4. Luckysheet是一个像excel一样的在线电子表格，功能强大，配置简单，并且完全开源。

https://github.com/dream-num/Luckysheet

5. canvas-editor  是一个基于canvas/svg的富文本编辑器，很好用，可以做在线的编辑，比如:  做文字的编辑

https://github.com/Hufe921/canvas-editor

6. Excalidraw 是一个开源的在线白板工具，主要用于创建简单的图形和草图，支持共享和协作，简单易用，多人协作，导出各种文件

https://github.com/excalidraw/excalidraw

7. fireworks-js  一个简单的烟花库!准备好使用React, Vue 3, Svelte, Angular, Preact, Solid和Web组件可用的组件。（看看玩玩就行，在项目中基本用不上）https://github.com/crashmax-dev/fireworks-js

8. Rough.js 是一个很小的(压缩了9kB)图形库，允许您以类似手绘的粗略风格进行绘制。该库定义了用于绘制直线、曲线、圆弧、多边形、圆形和椭圆的原语。它还支持绘制SVG路径

https://github.com/rough-stuff/rough

9. signature_pad 是一个基于 Canvas 实现的签名库，用于绘制签名 ， 可以轻松实现不同的签名风格和功能

10. canvas-confetti 是一个基于 Canvas 的库， 用于web页面中实现彩色纸屑的动画效果

https://github.com/catdad/canvas-confetti

11. table 是一个基于ts构建的轻量级excel开发库

https://github.com/wolf-table/table

12. QRCanvas 是一个基于canvas的javascript二维码生成工具 ， 当然这样的很多。这个是前后端通用https://github.com/gera2ld/qrcanvas