Javascript 画布从URL创建图像

我有一个url，可以在画布上生成带有参数的图像。使用浏览器加载时，我工作正常

最后一行是：

 window.location = canvas.toDataURL("image/png");

当我尝试从其他页面使用此url时，如：

<img src="http://localhost/index.html?i=0 />

不加载。我怎样才能加载它

---

提前感谢。

这是一个安全问题。如果图像不在同一域中，则无法在画布中读取图像数据。没有任何解决方法，抱歉

如果它们在同一个域中，我可以将其嵌入，就像您使用纯画布方法（线条、形状等）生成图像一样，或者使用

getImageData（）

加载其他图像一样？将其放入JSFIDLE或将数据添加到问题中。