跨域共享策略 - 装色彩搭配上镀铬

Question

彩色thief.js

我试图做的图像色彩分析，但在路上http://jsfiddle.net/mrcactu5/d6Qka/15/

Cross-origin image load denied by Cross-Origin Resource Sharing policy. 

Chrome的宕跨域共享策略得到

我已经在StackOverflow上提出问题，并修复了以前的版本。 http://jsfiddle.net/mrcactu5/d6Qka/6/

var image = new Image(); 
image.crossOrigin = ''; 
image.src = 'http://upload.wikimedia.org/wikipedia/commons/0/07/Honeycrisp-Apple.jpg'; 
image.width=200; 

基本上我的脚本下载的tumblr从指向图像和运行​​。很简单，对吗？

imgs = Array(); // stores image links 

$.getJSON(url, function(data) { 
    for(var i = 0; i < data.response.length; i++){ 
     if(data.response[i].photos != undefined){ 
      //console.log(data.response[i].photos[0].alt_sizes[0].url); 
      imgs.push(data.response[i].photos[0].alt_sizes[0].url); 
     } 

    } 
}).success(function(imgs){ analyze(imgs); }); 

Answer 1

不要以为你能找到解决跨域错误，除非您使用document.domain设置。这已被要求here,here和here。

您可以检查出不同的JavaScript库，它有类似的功能，演示http://www.maxnov.com/getimagedata/#examples-2

或者，您可以run your scripts locally。