所属分类:文字动画
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(); })