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

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

月光魔力鸭

2020-10-22 17:57 阅读 3469 喜欢 9 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开发过程中,现在JSON 已经到了俯拾皆是的地步了,操作JSON对于JS来说非常简单,那么我们对于JSON的转化是如何应对的呢?
在使用echarts 来做统计报表的时候,由于数量较多,准备将同类型的相同属性抽取出来,然后用来做默认属性的。结果发现一个问题
this 是 JavaScript 的一大难点,多年经验的前端程序员都可能对这方面模糊。this 在大量的函数、类库中都有使用,理清显式绑定和隐式绑定有助于理解或书写这类函数。
先记录下,不定哪天就查了..防止找不到或不全
做作业的时候,需要在手机上预览下,但是发现如果想在移动端上展示A4样子的作业还是挺麻烦的,最后还是准备通过图片来展示,然后移动端缩放呗。。
在开发过程中多个页面使用的一个小工具类,简单完善了下,还算不错,给各位提供下小思路。
codewars上的一个题目,这里记录下解决方法。
我们有时候会拿textarea来做编辑器,但是常用编辑器都是支持tab缩进的,这里对textarea监听下事件处理下即可实现。