- 基于canvas的涂鸦板
- 可设置画笔颜色
- 可设置画笔宽度
- 可撤销画笔动作
- 兼容PC和移动端
使用示例
html
<div class="boardBox" id="box"></div>
js
borad = new A_DoodleBoard('box');
borad.init();
css
.boardBox{
width: 100%;
height: 500px;
border:2px solid #6699cc;
}
方法
init()
初始化
setColor(string)
设置画笔颜色
参数为颜色代码或颜色字符串
setWidth(number)
设置画笔宽度
参数为数字
clear()
清空画布
step_previous()
返回上一步
step_next()
下一步
demo截图
canvas涂鸦板
网友评论