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手机上面都没有这个问题。

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

相关文章推荐

h5 canvas(toDataURL)实现将图片与文字结合

canvas.toDataURL实现将图片与文字结合。 一般证件中输入的信息下载时与图片结合起来就是用的canvas的toDataURL()实现的。...

怎么保证html5的canvas里面image对象加载完成可以执行后面的代码

先看一下 Image对象的属性 里面有一个 comp

canvas2image.js

  • 2017年10月12日 10:55
  • 8KB
  • 下载

canvas-image

  • 2016年03月15日 21:32
  • 1.19MB
  • 下载

javascript 导出div为图片PNG,div转svg,svg转canvas

关于这个功能需求,目前比较多实现是两种方法: 1、将div相关数据传到后台服务器端,通过服务器语言生成图形,发送至前端下载 2、完全通过前端实现,实现几个转换过程,div为图片PNG,首先div转sv...

canvas2image.rar

  • 2017年03月24日 16:54
  • 137KB
  • 下载

canvas2image-master

  • 2013年05月14日 09:27
  • 3KB
  • 下载

image大图缩小转成canvas后锯齿的问题

img转canvas,大图转小图时锯齿的解决方案

canvas保存为data:image扩展功能的实现

【已知】   canvas提供了toDataURL的接口,可以方便的将canvas画布转化成base64编码的image。目前支持的最好的是png格式,jpeg格式的现代浏览器基本也支持,但是支持的...
  • jyb2014
  • jyb2014
  • 2014年07月22日 18:07
  • 205

canvas和image互相转换

转载:http://www.cnblogs.com/sapho/p/6143819.html1. 把img转换为canvas对象复制代码 function convertImageToCanvas(i...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:canvas 执行canvas.toDataURL("image/png"); 出错
举报原因:
原因补充:

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