javascript - Header add Access-Control-Allow-Origin "*" toDataURL が機能しない

Question

これは、Webサーバーの画像フォルダーにある.htaccessファイルにあるものです

# Do not remove this line, otherwise mod_rewrite rules will stop working 

RewriteBase /images

Header add Access-Control-Allow-Origin "*"

JS ファイルで次の行も使用しimg.crossOrigin = 'Anonymous';ますが、それでもエラーが発生します。

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

実際の例はここにあります: http://jsfiddle.net/burton22/48JmQ/13/

var img = new Image();
img.onerror = function() {alert("error")};
img.onabort = function() {alert("abort")};

img.onload = function() {

    var canvas = document.createElement('CANVAS');
    var ctx = canvas.getContext('2d');
        canvas.height = img.height;
        canvas.width = img.width;
        ctx.drawImage(img,0,0,120,120);        
        var dataURL = canvas.toDataURL('image/png');


    alert("success");
}

img.crossOrigin = 'Anonymous';
img.src = "http://www.bobbycash.net/images/sushithumb.png";

エラーのコンソールを見てください。

画像の src 属性を に変更すると機能しますimg.src = "http://goo.gl/AOxHAL"が、サーバー上の画像では機能しません。理由はありますか？

編集：htaccessファイルでこれを使用しようとしても、同じエラーが発生します

<IfModule mod_setenvif.c>
    <IfModule mod_headers.c>
        <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">
            SetEnvIf Origin ":" IS_CORS
            Header set Access-Control-Allow-Origin "*" env=IS_CORS
        </FilesMatch>
    </IfModule>
</IfModule>