支持移动端的js电子签名板插件且带笔锋

 所属分类:文字动画

 浏览:896次-  下载:0次-  评论: 0次-  更新时间:2022-01-18

1. 引入js文件到项目中   

<script src="./dyCanvas.min.js"></script>

2. 创建html代码

<canvas id="canvas" width="1000" height="800"></canvas>

3. 实例化对象

let dyCanvas = new DyCanvas({
    el: 'canvas', // canvas的id        
    color: '#000', // 画笔颜色       
    bgColor: '#d3d3d3', // 画布颜色        
    lineWidth: 8, // 画笔粗细,5-10 之间为最佳效果       
    brush: true, // 是否带笔锋 
});

恭喜你,你已经完成了所有操作。

4. 接下来为初始化画布,不需要此功能可以忽略。

let clear = document.getElementById('clear');
clear.addEventListener('click', function() {
    dyCanvas.initCvs();
})


金币说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值金币充值会员更多说明»
描述:支持移动端的js电子签名板插件且带笔锋功能

文件目录结构

  • ┝ www.zzsucai.com.txt
  • ┝ 站长素材网.url
  • ┝ index.html
  • ┝ dyCanvas.min.js

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!
我的金币余额: 0 已下载次数: 0
所需金币:12开始下载

金币获取:签到、评论、投搞、充值、发帖、回帖    » 在线充值(10金币=1元)