canvas 执行canvas.toDataURL("image/png"); 出错

原创 2015年07月10日 12:41:59

当打开本地的html页面执行,canvas.toDataURL("image/png");的时候出现“Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.”这个错误。这个问题是跨域执行的问题。

这个问题是在本地执行html的时候出现的,如果自己构建一台本地服务器,将html代码放入到服务器上,或者通过cordova构建到Android和IOS手机上面都没有这个问题。

版权声明:本文为博主原创文章,未经博主允许不得转载。

将HTML5 Canvas的内容保存为图片借助toDataURL实现

主要思想是借助Canvas自己的API - toDataURL()来实现,整个实现  HTML + JavaScript的代码很简单。  复制代码 代码如下:     ...
  • hsany330
  • hsany330
  • 2016年08月23日 16:25
  • 1553

canvas 执行canvas.toDataURL("image/png"); 出错

Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may n...
  • developer_0818
  • developer_0818
  • 2015年07月10日 12:41
  • 148

HTML5 Canvas的内容保存为图片toDataURL()

将HTML5 Canvas的内容保存为图片主要思想是借助Canvas自己的API - toDataURL()来实现,具体实现如下,感兴趣的朋友可以参考下哈,希望对你有所帮助- 主要思想是借助Canv...
  • yaoyuan_difang
  • yaoyuan_difang
  • 2014年08月15日 10:21
  • 15458

用canvas的toDataURL()将图片转为dataURL(base64)

假设一个应用场景:由于某些特殊原因从服务端请求到图片路径,要求通过该路径获取对应图片的 base64 dataURL。在这个场景中,我们首先推断该图片路径是可访问的,同时还需要一种将图片转换到 dat...
  • oulihong123
  • oulihong123
  • 2017年08月06日 23:46
  • 678

canvas-toDataURL()将图片转为dataURL(base64)

一个应用场景:由于某些特殊原因从服务端请求到图片路径,要求通过该路径获取对应图片的 base64 dataURL. 一个完整的 dataURI 应该是这样的:data:[][;base64],其中me...
  • u013217071
  • u013217071
  • 2017年08月18日 19:34
  • 1176

Canvas与Image互相转换

JS Canvas与Image互相转换 原文地址: JavaScript Canvas Image Conversion 原文演示: JavaScript Canvas Image Conve...
  • renfufei
  • renfufei
  • 2013年08月09日 14:48
  • 30868

如何上传 canvas 的 toDataURL 中的内容

经常需要在 web 前端生成图片然后上传到服务器上,在前端生成自定义图片可以使用 html5 中的 canvas ,然后使用 canvas 的 toDataURL 获得图片内容数据。但如果要上传该图片...
  • Cool_Coder
  • Cool_Coder
  • 2015年01月27日 14:21
  • 3300

canvas.toDataURL('image/png')报错处理方法

问题背景: 遇到一个需求,要对播放的视频进行截图,视频使用video标签来播放,然后点击视频播放区域时截取实时的帧图片。 代码很简单如下:     var video = document.getEl...
  • luochao_tj
  • luochao_tj
  • 2015年04月08日 16:03
  • 33622

canvas.toDataURL方法调用报错(Uncaught SecurityError)的解决

canvas.toDataURL.需要在服务器端运行,才可以正常使用.否则 会报Uncaught SecurityError:Failed to execute 'toDataURL'...
  • jk007
  • jk007
  • 2013年11月25日 11:31
  • 9856

Html5 canvas生成图片,通过java进行保存

找到canvas对象,通过canvas对象的toDataURL获取图片信息var canvas = document.getElementById("vjs-key-frame"); var data...
  • u013659732
  • u013659732
  • 2016年08月02日 16:52
  • 4845
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:canvas 执行canvas.toDataURL("image/png"); 出错
举报原因:
原因补充:

(最多只允许输入30个字)