Flickr支持CORS吗？安全错误与getImageData [英] Does Flickr support CORS? SECURITY ERROR with getImageData

问题描述

亲爱的社群。

我正在尝试从Flickr提取的图片创建提取颜色。当我尝试使用getImageData（）处理画布中的图像时，所有的工作都非常好。

I'm trying to create extract colors from images fetched from Flickr. That all works really great to the point when I try to process that images in canvas with getImageData().

如通过WHATWG将图像加载到画布中设置一个标志你不能管它。所以我的问题是FLICKR是否支持CORS？

As described through WHATWG loading an image into canvas set a flag so you cannot maniplate that. So my question is does FLICKR support 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张图片）。

I also tried to do the image processing in but thats a really heavy process (took about 4mins to process 250 images).

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

If you have any clues just ping me.

环境：Mac OSX，HTML5，jQuery

Enviroment: Mac OSX, HTML5, jQuery

推荐答案

请参阅此处进行讨论。

他们现在似乎是发送图像的CORS头，但是 Access-Control-Allow-Origin：http://www.flickr.com t很多帮助，但至少他们现在发送的头。

They now appear to be sending CORS headers for images but with Access-Control-Allow-Origin: http://www.flickr.com, which isn't much help but at least they're sending the headers now.

这篇关于Flickr支持CORS吗？安全错误与getImageData的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！