canvas涂鸦板

---

• 基于canvas的涂鸦板
• 可设置画笔颜色
• 可设置画笔宽度
• 可撤销画笔动作
• 兼容PC和移动端

下载完整demo

---

使用示例

---

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截图

---