笨小孩

摘要： 将canvas的图通过canvas.toDataURL(MIMEType: String)导出 <canvas id="canvas" width="200" height="200"></canvas> const canvas = document.getElementById('canvas' 阅读全文

摘要： 填充： let canvas = document.getElementById('canvas') if (canvas.getContext) { //判断浏览器是否支持canvas //获得对绘图上下文的引用，平面图形传2d let context = canvas.getContext('2 阅读全文

摘要： 在开始画路径之前必须以context.beginPath()表示要开始绘制路径，画完后调用context.stroke()把画好的渲染出来。绘制路径的方法有：（注：不做特殊说明的都是number类型） **通用： 属性 描述 context.lineWidth = 10 设置线宽度 context. 阅读全文

摘要： fillRect：绘制并填充 strokeRect：绘制并描边 clearRect：擦除 都接受四个参数 (x: number, y: number, width: number, height: number) canvas的起点是左上角，用法和position: relative差不多，后来居上 阅读全文

摘要： <canvas> //这是一段替代内容，如果浏览器支持canvas，就不会理这段内容，否则就会替代，这里面可以放文本或者<img />标签等 <img src="a.jpg" alt="" /> </canvas> 阅读全文

摘要： https://www.runoob.com/w3cnote/html5-canvas-intro.html ##requestAnimationFrame()创造平滑的canvas动画的关键 早期的动画通过计时器调用函数重新绘制canvas实现，但是计时器只负责在指定时间后把动画重绘任务放到队列中 阅读全文