canvas涂鴉板

  • 基于canvas的涂鴉板
  • 可設(shè)置畫筆顏色
  • 可設(shè)置畫筆寬度
  • 可撤銷畫筆動作
  • 兼容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)

設(shè)置畫筆顏色
參數(shù)為顏色代碼或顏色字符串

setWidth(number)

設(shè)置畫筆寬度
參數(shù)為數(shù)字

clear()

清空畫布

step_previous()

返回上一步

step_next()

下一步

demo截圖

canvas涂鴉板
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容