去饱和使用pixastic - jquery

Question

我使用pixastic jquery插件，我得到这个错误：“无法从画布获取图像数据，因为画布已被交叉原点数据污染。”

我才知道，这ERR来当图像不在同一个域中，但..我的形象是在本地文件系统中

$(document).ready(function() { 

    $("#phone1").load(function() { 

     $("#phone1").pixastic("desaturate"); 
    }); 

}); 

Answer 1

我也对其他跨域发现了这个“问题”与Chrome浏览器ajax加载命令。这是Google Chrome中一些增强的安全设置，我没有真正设法确定。

所以也许这并不算真正的解决方案，但我发现通过像MAMP，LAMP或WAMP这样的本地网络服务器（所有简单的apache安装）为开发页面提供服务解决了这个问题（或者将开发工作放在了在线服务器）

Answer 2

今天有同样的问题。

有两种方法：

1. （不安全）变化Pixastic的代码来使用这一招：dataImg.crossOrigin = ''
2. （安全的）图片的来源上启用CORS headers

如果您有控制你的图像的来源，它在另一个域/子域我建议使用解决方案2.如果来源是其他人和真的相信你可以使用1.

否则你运气不好。