safari ios 关于 canvas.toDataUrl 报错the operation is insecure

safari ios 关于 canvas.toDataUrl 报错the operation is insecure

月光魔力鸭

2020-10-22 17:57 阅读 414 喜欢 3 safari canvas.toDataUrl

今天一个一直都很正常的功能跑在了safari浏览器上,结果报错了。

错误:The operation is insecure . 在使用canvas的 toDataUrl的时候报错,看了很多资料,基本上都说是设置跨域,但是我一直都有的啊。其实,只是顺序错了,setAttribute('crossOrigin','Anonymous') 要在设置 src之前设置。

如何解决?重要的事情说三遍: 跨域要在设置src之前设置。 跨域要在设置src之前设置。 跨域要在设置src之前设置。

OK 问题解决了。

var image = new Image();
//位置换一下下。
image.setAttribute("crossOrigin",'Anonymous');//跨域在前
image.src = href.href;//赋值在后
//剩下就可以安心的调用toDataUrl了。

当然,你也有可能是其他原因。

转载请注明出处: https://chrunlee.cn/article/web-canvas-ios-safari-error.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
对于web开发过程中的JS对象 Array ,我们真的充分使用了么?是不是理解了Array的全部?能够在合适的地点调用合适的函数,使用合适的属性?
codewars上的一个题目,这里记录下解决方法。
前端时间搞了个小转码,放在后台,但是特别占带宽,想着能不能从前台把这个事搞定呢?读取图片的二进制,然后将字节流处理后重新生成图片展示处理啊。
通过jspdf ,我们可以将页面或图片生成pdf下载下来,如果是一些复杂的页面,我们可以将页面转成图片,然后把图片加入到pdf中,生成并下载。
项目中需要使用treegrid,找了下easyui 和 ext都有,但是项目用的框架是 byyui,如果为了treegrid 就把这些都加载的话,感觉不太合算。找了大家常用的基于jquery的treegrid.
Question from codewar,about all of array combinations.
web开发中,前台有时候会需要一个随机数或序列,通常来说,这个随机数可能只在当前页面中使用,并不需要太过严格,大体上重复率低即可。
在使用echarts 来做统计报表的时候,由于数量较多,准备将同类型的相同属性抽取出来,然后用来做默认属性的。结果发现一个问题