3

我在 Cargo Collective 上有一个投资组合。我一直在尝试实现一个使用画布的 JS 驱动的动态标题。 这里的例子

我正在画布上绘制 PNG 图像并使用 getImageData() 捕获像素信息。当我在本地测试它时一切正常,但是一旦在 Cargo 上我得到可怕的 tainted canvas 错误:

Unable to get image data from canvas because the canvas has been tainted by cross-origin data. 
Uncaught Error: SECURITY_ERR: DOM Exception 18

这源于这样一个事实,即 Cargo CMS 图像托管在他们自己的服务器上,地址如下:media.cargocollective.com/1/7/245266/headerimg/FlakeSixBlack.png

我看到的唯一明显的解决方案是购买一些网络空间来托管我以编程方式使用的单个图像。这听起来有点愚蠢,并且部分违背了依赖第三方 CMS 的目的。

有没有其他方法可以解决这个问题?

如果没有,我将如何管理两个不同主机的 DNS A 记录?

我的主页地址http://flakesix.com必须指向 Cargo Collective 服务器,而图像必须从另一台服务器(例如 GoDaddy,这是我获得域名的地方)检索。

我有点失落。

任何帮助表示赞赏。

4

1 回答 1

2

如果您已经知道您的图像是什么,为什么不尝试在您的脚本中嵌入它的 base 64 转换呢?

以下是数据网址的一些文档/工具:http: //dataurl.net/#about

于 2012-11-23T13:43:46.507 回答