摘要： 将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实现，但是计时器只负责在指定时间后把动画重绘任务放到队列中 阅读全文

摘要： https://developer.mozilla.org/zh-CN/docs/Web/API/AnalyserNode ###AnalyserNode |属性|描述| | | | |AnalyserNode.fftSize|一个无符号长整形(unsigned long)的值，代表了用于计算频域信 阅读全文

摘要： $('html').on('click keypress', 'a', function(event) { // 不响应真正的A HREF点击事件 event.preventDefault(); event.stopPropagation(); // Trigger fullscreen if (e 阅读全文

摘要： let audioSource = ref('') axios(...).then(res => { audioSource.value = res.data.url }) <audio :src = "audioSource" /> //这样看到的效果：src是改了，但是不能播放 解决方法，用do 阅读全文

摘要： https://www.w3school.com.cn/svg/svg_rect.asp 阅读全文