Canvas.ToDataUrl与Base64图像的安全冲突

时间:2015-04-13 17:47:17

标签: javascript html5 canvas base64 cross-site

我正在尝试构建某种品牌塑造工具,为所选图像添加品牌并让用户再次下载图像。这在许多浏览器上运行得非常好,但是Opera和IE会抛出一个安全错误,这让我觉得很快其他浏览器也会抛出错误。

小提琴:http://jsfiddle.net/2rL8afe0/9/

注释掉该行会使代码工作:

ctx.drawImage(branding, 0, 0, 30, 30);

由于我的应用程序在客户端工作,原因可能是对跨站点脚本的错误否定。

任何想法如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

问题是某些浏览器在使用带有画布的SVG时非常严格。例如IE。

由于您的品牌标识是SVG,它会在这些浏览器中污染画布。

使用PNG,JPEG等替换品牌形象将解决此问题。