canvas.toDataUrl 报错 the operation is insecure

Question

遇到这个问题，100% 是 Canvas 里面有图片，没有设置跨域或者是设置的不正确，crossOrigin​ 的设置一定要在设置 src 前面：

var image = new Image();
// 位置换一下下。
image.setAttribute("crossOrigin",'Anonymous'); // 跨域在前
image.src = href.href; // 赋值在后

如果是 DOM 元素，也是要将 crossOrigin​ 属性写在 src 前面：

<img crossOrigin​="Anonymous​" src="…">

剩下就可以安心的调用 toDataUrl 了。

相关链接： https://www.wenjiangs.com/article/hi8amid9.html ​