今天在实现项目功能的时候遇到了一个问题，基本功能是想把video视频的第一帧生成封面图，但是在使用canvas.toDataURL("image/png"),浏览器总是报错 Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
经过多方查阅资料，发现是资源跨域的问题引起的（视频与页面不在一个域名下），所以在引用视频资源之前需要打开跨域资源允许权限crossOrigin="anonymous"，如下
<video crossOrigin="anonymous" id="video" controls="controls" src="">
</video>
一定要在引用资源之前才可以。
canvas转blob： canvas转base64：
今天在实现项目功能的时候遇到了一个问题，基本功能是想把video视频的第一帧生成封面图，但是在使用canvas.t...
base64转图片file: 图片file转URL： canvas转base64： base64保存为本地图片：
base64转Blob 下载blob对象 下载canvas图片
1. 将canvas转为base64格式。 2. 将base64转为blob格式
具体思路： 通过图片路径获取图片资源。 将图片资源使用canvas转为base64 再将base64转换为 Blo...
第一种FileReader 拿到base64 第二种获取本地路径，不需要转base64 第三种canvas
canvas得到base64图片：
一、通过图片路径将图片转base64：canvas中的toDataURL 二、只支持file、blob类型：rea...
src转img img转canvas ImageData转canvas canvas转ImageData canv...
本文标题：canvas 转 base64 那些坑
本文链接：https://www.haomeiwen.com/subject/xirxpqtx.html
网友评论