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

canvas涂鸦板
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容