Fabric.js錯誤，同時應用fliter圖片

Question

我想在使用「Fabricjs」加載圖像時添加圖像到畫布，我正在應用一些「過濾器」，它在控制檯中生成錯誤。

Security Error: The operation is insecure. 

這裏是我的代碼：

<div> 
    <canvas id="c" width="500" height="500"></canvas> 
</div> 

<script type="text/javascript"> 
    (function() { 
     var canvas = this.__canvas = new fabric.Canvas('c'); 
     var ImageURL = "https://www.google.co.in/images/srpr/logo11w.png"; 
     fabric.Image.fromURL(ImageURL, function(img) { 
      img.filters.push(new fabric.Image.filters.RemoveWhite({threshold: 60, distance: 10})); 
      img.applyFilters(canvas.renderAll.bind(canvas)); 
      canvas.add(img.set({ left: 50, top: 50, angle: 30 }).scale(0.5)); 
     }); 
    })(); 

</script> 

請看看這個jsFiddle鏈接。

Answer 1

您不能從不同的域加載的圖像上做getImageData()。 這可能會引發該錯誤。

Answer 2

似乎你得到一個與CORS有關的（或類似的）錯誤。更多信息：http://www.html5rocks.com/en/tutorials/cors/