Javascript 拖放事件上的FabricJS画布在拖放事件后激发

Javascript 拖放事件上的FabricJS画布在拖放事件后激发,javascript,jquery,canvas,html5-canvas,fabricjs,Javascript,Jquery,Canvas,Html5 Canvas,Fabricjs,有这样的代码: var$canvas=$(“#canvas”); var canvas=new fabric.canvas('canvas'{ 光标悬停:“指针”, 选择:false }); var rect1=new fabric.Rect({ 宽度:200, 身高:100, 左:0,, 前50名, 角度:30, 填充:“rgba(255,0,0,0.5)” }); canvas.add(rect1); $canvas.dropable({ 下降:dragDrop, 结束:进来, }); 函

有这样的代码:

var$canvas=$(“#canvas”);
var canvas=new fabric.canvas('canvas'{
光标悬停:“指针”,
选择:false
});
var rect1=new fabric.Rect({
宽度:200,
身高:100,
左:0,,
前50名,
角度:30,
填充:“rgba(255,0,0,0.5)”
});
canvas.add(rect1);
$canvas.dropable({
下降:dragDrop,
结束:进来,
});
函数输入(e、ui){
event.preventDefault();
rect1.width=400;
}
函数dragDrop(e,ui){
var元素=ui.draggable;
var imgInstance=new fabric.Image(element.data(“Image”){
左:x,,
上图:y,
});
canvas.add(imgInstance);

}
修复它!我必须刷新canvas-rect1.setCoords();canvas.renderAll();内置enterIn()。修复它!我必须刷新canvas-rect1.setCoords();canvas.renderAll();内部enterIn()。