如何使用fabric js在画布中执行拖放功能？答案

【问题标题】：How to do drag and drop functionality in canvas using fabric js?如何使用fabric js在画布中执行拖放功能？
【发布时间】：2014-03-08 12:09:02
【问题描述】：

我正在开发magento 1.7 版本并使用fabric js 实现拖放功能。实际上，我现在使用 facebook api 从 facebook 获取一些图像，当我将它们拖到画布上时，它们成功放置在画布上，但控制台上显示如下错误：-

HTML to canvas SecurityError: The operation is insecure in following function

function loadTexture(canvas) {
activeTexture = null;
activeTexture = new gx.Texture(canvas.getContext("2d").getImageData(0, 0, canvas.width, canvas.height));
forceRedraw = true;

}

任何帮助将不胜感激。

【问题讨论】：

我认为你应该发布整个代码。

标签： facebook-graph-api canvas html5-canvas magento-1.7 fabricjs

【解决方案1】：

您收到该错误是因为您正在将图像或字体绘制到与包含画布的页面具有不同来源的画布上，出于安全原因，这不允许getImageData 工作。（见Understanding the HTML5 Canvas image security rules）

【讨论】：