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

---