javaScript_want的博客

canvas的动画执行使用的 requestAnimationFrame()方法： 步骤主要是：绘制-清空画布-重新绘制-清空这样刷新画布达到动画的效果（使用动画在绘制路径开始之前通常需要加上beginPath()方法。否则使用路径的动画无法清空画布。） ...

demo展示地址：(扫描图片二维码即可体验) 1.准备插件 qrcanvas和html2canvas（npm装好） 2.html代码（布局按个人喜好） <template> <div> <!-- 设置了两个块区域 当点击了生成海报时把canvas转换成base64的图片，然后把最开始当样式隐藏掉 把获取的的base64的地址赋值给src--> ...

canvas的一些基本应用 //获取画板元素 let canvas = document.getElementById("canvas") //创建一饿context对象 let ctx = canvas.getContext("2d") //设置canvas和屏幕一样大小 canvas.width...