1. canvas实现截图
<canvas id="myCanvas" width="343" height="200" hidden></canvas>
cutPicture(){ let self=this; var v = document.querySelector("video"); if(null == v) { this.$Message.error("请先上传视频再截图"); return; } let canvas = document.getElementById('myCanvas') var ctx = canvas.getContext('2d'); ctx.drawImage(v, 0, 0, 343, 200); var oGrayImg = canvas.toDataURL('image/jpeg'); }
错误:Error: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported
参考Tainted canvases may not be exported,视频帧截图跨域 - 掘金, video加上crossorigin="anonymous"就OK了,代码如下所示:
<video v-if="formValidate.video.le