canvas - 带有外部托管图像的 Pixastic

Question

我正在使用 Vimeo API 来获取我想在使用 Pixastic 时应用效果的视频缩略图。但是，在 Chrome 和 Safari 中，我收到错误消息：“未捕获的错误：SECURITY_ERR：DOM Exception 18”。我尝试将外部图像绘制到画布元素上，然后将 Pixastic 效果应用于这些画布元素，但我得到了相同的错误消息。

有人在 Webkit 中成功使用 Pixastic 和外部图像吗？

Answer 1

I ran into this problem too, only I didn't realize my problem was external images. Changing from absolute to root relative links worked for me.

didn't work: http://domain.com/image.jpg

will work:   /image.jpg

Pixastic can't work on external images due to a canvas security limitation. The way around this is to either create a proxy to serve the external images as if they were local, or you will have to copy the images.