Javascript 画布中的新图像，带有布料'；铬不起作用

我使用fabric.js来管理我的画布，但是当我制作新的fabric.Image时，在我的画布中放置图片后，它在chrome中不起作用

这是我的代码：

var imgElement = document.getElementById(idImageToDrage);

var imgInstance = new fabric.Image(imgElement, {
    id: parseInt(idImageToDrage),
    left: calculPositionLeft, // position when I drop the picture
    top: calculPositionTop,
    scaleX: 0.147,
    scaleY: 0.147,
    angle: 0,
    zindex: $('#containerInnerImgToDrag').children().length,
    name: 'img'
});

imgInstance.setControlsVisibility({ 'bl': false, 'br': false, 'mb': false, 'ml': false, 'mr': false, 'mt': false, 'tl': false, 'tr': false });
canvas.add(imgInstance);

这段代码适用于Firefox，我能做什么

谢谢

您需要使用

var objectDropped = ui.draggable[0];

var imgInstance = new fabric.Image(objectDropped, {

已删除图像元素作为结构图像的源

---

这里更新了

你是从外面还是从同一个窗口拖放图像？我有两个容器，一个是我所有图片的地方，第二个是我的画布：

1图片2

看起来你在用

IDImageToDage

做一些奇怪的事情

IDImageToDage

在检查此项之前设置了

IDImageToDage