paint-board基于 Canvas 的多功能画板
paint-board 是一个基于 Canvas 的多功能画板,包括自由绘图、橡皮擦、文本、选择、图层、撤消、重做、清除等功能。
功能列表
已完成功能:
- 画笔
- 可修改颜色,可根据速度动态展示线宽
- 多种画笔效果,荧光、多色、蜡笔、喷雾、泡泡...
- 橡皮擦,随鼠标线性擦除内容
- 绘制文字,双击画板输入文字绘制指定位置
- 画板拖拽,按住空格可以无限拖拽画板
- 选择模式,选择模式下可以点击元素进行框选,并按住手柄进行缩放或者移动,点击Backspace键可以删除选择元素
- 图层,画板内容是按照图层顺序进行显示,可新增删除排序图层
- 撤销,反撤销,清除画板,保存为图片
待完成功能:
- 图片加载
- 画板缩放
- 背景颜色切换
- 多画板
- ...
本地启动
git clone https://github.com/LHRUN/paint-board.git
pnpm install
pnpm dev
评论
paint-board基于 Canvas 的多功能画板
paint-board是一个基于Canvas的多功能画板,包括自由绘图、橡皮擦、文本、选择、图层、撤消、重做、清除等功能。功能列表已完成功能:画笔可修改颜色,可根据速度动态展示线宽多种画笔效果,荧光、
paint-board基于 Canvas 的多功能画板
0
LXFDrawBoardiOS 多功能小画板
LXFDrawBoard 是一个多功能小画板。UsageLXFDrawBoardDelegate返回需要添加的描述- (NSString *)LXFDrawBoard:(LXFDrawBoard *)
LXFDrawBoardiOS 多功能小画板
0
sChart.js基于 canvas 的小型图表库
sChart.js:使用canvas实现的一个小型简单的图表库,经过服务器gzip压缩只有2kb,包
sChart.js基于 canvas 的小型图表库
0
sChart.js基于 canvas 的小型图表库
sChart.js:使用canvas实现的一个小型简单的图表库,经过服务器gzip压缩只有2kb,包含柱状图、折线图、饼状图和环形图。请访问 中文文档 不依赖任何js库,使用方便,只需引入sChart
sChart.js基于 canvas 的小型图表库
0
iOS 画板
利用UIVIew的drawrect方法,创建画板,能定义线条粗细与线条颜色,支持重做(redo)和撤销(undo)操作,并且支持将绘画保存到本地。[Code4App.com]
iOS 画板
0
Draw2.js基于 H5 Canvas 的简单图形引擎
Draw2.js一个基于h5canvas实现的简单图形引擎。Draw2.js有什么用?Draw2.js以现实事物来抽象。可以极大的方便你编写h5canvas代码。极大的方便了开发动画。demo创建一个
Draw2.js基于 H5 Canvas 的简单图形引擎
0