更新时间:2022-01-12 10:30:00
1. 引入js文件到项目中
1 | < script src = "./dyCanvas.min.js" ></ script > |
2. 创建html代码
1 | < canvas id = "canvas" width = "1000" height = "800" ></ canvas > |
3. 实例化对象
1 2 3 4 5 6 7 | let dyCanvas = new DyCanvas({ el: 'canvas' , // canvas的id color: '#000' , // 画笔颜色 bgColor: '#d3d3d3' , // 画布颜色 lineWidth: 8, // 画笔粗细,5-10 之间为最佳效果 brush: true , // 是否带笔锋 }); |
恭喜你,你已经完成了所有操作。
4. 接下来为初始化画布,不需要此功能可以忽略。
1 2 3 4 | let clear = document.getElementById( 'clear' ); clear.addEventListener( 'click' , function () { dyCanvas.initCvs(); }) |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com