javascript - 使用 Fabric js Canvas 中的新图像不适用于 chrome

Question

我使用fabric.js来管理我的 Canvas ，但是当我在 Canvas 中放置图片后制作新的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，我能做什么？

谢谢!

Answer 1

您需要使用

var objectDropped = ui.draggable[0];

var imgInstance = new fabric.Image(objectDropped, {

删除图像元素作为织物图像的源。

此处已更新 fiddle