5

こんにちは親愛なるコミュニティ。

Flickr から取得した画像から抽出色を作成しようとしています。getImageData() を使用してキャンバスでその画像を処理しようとすると、すべてが非常にうまく機能します。

WHATWGで説明されているように、画像をキャンバスにロードするときにフラグを設定するため、それを操作できません。私の質問は、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 分かかりました)。

手がかりがある場合は、私に連絡してください。

環境: Mac OSX、HTML5、jQuery

4

1 に答える 1

4

まだ; 議論についてはここを参照してください。

現在、画像のCORSヘッダーを送信しているように見えますがAccess-Control-Allow-Origin: http://www.flickr.com、これはあまり役に立ちませんが、少なくとも現在はヘッダーを送信しています。

于 2012-04-13T19:42:45.560 に答える