Javascript 在图像上应用fliter时Fabric.js错误

我尝试使用Fabricjs从URL加载图像，同时将图像添加到画布，我在其上应用了一些过滤器，这会在控制台中生成错误

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>

请查看此链接。

您无法对从其他域加载的图像执行getImageData操作。

---

这可能会抛出该错误。

似乎您遇到了与CORS相关或类似的错误。更多信息请点击此处：