canvas.toDataURL('image/png')报错处理方法
2015-04-08 16:03
555 查看
问题背景:
遇到一个需求,要对播放的视频进行截图,视频使用video标签来播放,然后点击视频播放区域时截取实时的帧图片。
代码很简单如下:
问题提示:
Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
经过查阅和分析,发现这个其实是由于视频文件所在的域和图片和页面所在域不同,出现跨域传输的问题。
解决方案:
将视频文件放到页面所在域下。
遇到一个需求,要对播放的视频进行截图,视频使用video标签来播放,然后点击视频播放区域时截取实时的帧图片。
代码很简单如下:
var video = document.getElementById('video'); var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); var img = document.getElementById('img'); function snapshot() { ctx.drawImage(video,0,0); img.src = canvas.toDataURL('image/png'); } video.addEventListener('click', snapshot, false);
问题提示:
Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
经过查阅和分析,发现这个其实是由于视频文件所在的域和图片和页面所在域不同,出现跨域传输的问题。
解决方案:
将视频文件放到页面所在域下。
相关文章推荐
- canvas.toDataURL image/png 报错处理方法推荐
- 解决方法!:getImageData on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
- canvas 执行canvas.toDataURL("image/png"); 出错
- Cannot create JDBC driver of class '' for connect URL 'null'解决方法2——对我有效
- NAUTILUS CAN'T BU USED NOW,DUE TO AN UNEXPECTED ERROR错误处理方法
- error C2065: 'CString' : undeclared identifier错误的处理方法
- error C2220: warning treated as error - no 'object' file generated 处理方法
- error: [Errno 13] Permission denied: '/usr/local/lib/处理方法
- System.Data.SqlClient.SqlException: 必须声明变量 '@ImageUrl'。
- eclipse中出现Type 'xxxx' could not be resolved的处理方法
- MySQL出现 Can't connect to mysql server on 'localhost'(10061) 处理方法
- python 处理中文时出现的错误'ascii' codec can't decode byte 0xe9 in position 0: ordinal not in range(128)" 解决方法
- ImageUrl='<%# DataBinder.Eval()%>'
- php中textarea文本框输入内容回车换行('\n')的处理方法
- 无法显示 XML 页 - 名称以无效字符开头。处理资源 'http://xxxxx' 时出错 的解决方法
- python 处理中文时出现的错误'ascii' codec can't decode byte 0xe9 in position 0: ordinal not in range(128)" 解决方法
- Error: could not open 'C:/Program Files/Java/jre6/lib/i386/jvm.cfg' 的处理方法
- Error:ImageIOpng.cpp:(.text+0x5b9): undefined reference to `png_create_write_struct'等
- 一键ghost提示“Cannot open image file'1.4 I:/~1/c_pan.gho'”解决方法
- Invalid Image Path - No image found at the path referenced under key 'CFBundleIconFile': 'Icon.png'