canvas - Flickr 是否支持 CORS？ getImageData 安全错误

Question

你好亲爱的社区。

我正在尝试从从 Flickr 获取的图像中创建提取颜色。当我尝试使用 getImageData() 处理 Canvas 中的图像时，这一切都非常有效。

正如通过 WHATWG 将图像加载到 Canvas 中所描述的那样，设置了一个标志，因此您无法对其进行操作。所以我的问题是 FLICKR 是否支持 CORS？

<script type="text/javascript">

    var img= new Image;  
    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');  
            var src = "fetched-flickr-image-url";  
        img.crossOrigin = "Anonymous";          
        img.src = src;
        img.onload = function() {    
        ctx.drawImage( img, 0, 0 );  
        var image_data = ctx.getImageData(0, 0, 100, 100);//Throw the Security error        
            }         
          });

</script>

我还尝试在其中进行图像处理，但这是一个非常繁重的过程(处理 250 个图像需要大约 4 分钟)。

如果您有任何线索，请ping我。

环境:Mac OSX、HTML5、jQuery

Answer 1

还没有;见 here供讨论。

他们现在似乎正在发送图像的 CORS header ，但带有 Access-Control-Allow-Origin: http://www.flickr.com ，这没有多大帮助，但至少他们现在正在发送标题。