首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用pixastic - jquery降低饱和度

使用pixastic - jquery降低饱和度
EN

Stack Overflow用户
提问于 2012-02-24 21:03:28
回答 2查看 649关注 0票数 0

我使用了pixastic jquery插件,我得到了这样的错误:“无法从canvas获取图像数据,因为canvas已经被跨源数据污染了。”

我知道这个错误发生在图像不在相同的域中,但是..我的映像在本地文件系统中

代码语言:javascript
复制
$(document).ready(function() {

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

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

});
EN

回答 2

Stack Overflow用户

发布于 2012-04-24 20:26:53

我在其他跨域ajax加载命令上也发现了Chrome的这个“问题”。这是Google Chrome中的一些增强的安全设置,我还没有真正确定。

因此,也许这并不是一个真正的解决方案,但我发现,通过MAMP、LAMP或WAMP (都是简单的apache安装)这样的本地all服务器提供开发页面可以解决这个问题(或者将开发放在一个在线服务器上)

票数 1
EN

Stack Overflow用户

发布于 2013-01-25 04:11:47

今天也遇到了同样的问题。

有两种方法:

  1. (unsafe)更改Pixastic的代码以使用此技巧:dataImg.crossOrigin = ''
  2. (safe)在图像源上启用CORS headers

如果你可以控制你的图片的来源,并且它在另一个域/子域上,我建议使用解决方案2。如果图片的来源是其他人并且真的值得信任,你可以使用1。

否则你就不走运了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9431251

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档