Question

我使用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，我该怎么办？

谢谢！

Answer 1

您需要使用

var objectDropped = ui.draggable[0];

var imgInstance = new fabric.Image(objectDropped, {

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

此处已更新fiddle

使用面料js在画布上的新图像不适用于chrome

1 个答案: