キャンバスの新しいイメージがクロムのために機能しない

Question

私は新しいfabricを作成するときにfabric.jsを使用しますが、私は新しいfabricを作成します。キャンバスに画像をドロップした後のイメージはクロムでは機能しません！

私のコードがある：

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