拖放事件后,FabricJS画布上的事件会触发

时间:2015-07-04 22:17:25

标签: javascript jquery canvas html5-canvas fabricjs

有这样的代码:



var $canvas = $("#canvas");
var canvas = new fabric.Canvas('canvas', {
  hoverCursor: 'pointer',
  selection: false
});

var rect1 = new fabric.Rect({
  width: 200,
  height: 100,
  left: 0,
  top: 50,
  angle: 30,
  fill: 'rgba(255,0,0,0.5)'
});
canvas.add(rect1);
$canvas.droppable({
  drop: dragDrop,
  over: enterIn,

});

function enterIn(e, ui) {
  event.preventDefault();
  rect1.width = 400;

}

function dragDrop(e, ui) {

  var element = ui.draggable;

  var imgInstance = new fabric.Image(element.data("image"), {
    left: x,
    top: y,

  });
  canvas.add(imgInstance);

}




问题:

rect1宽度更改仅在放置在画布上后应用。 但我测试了 enterIn 功能正常。

你能告诉一下吗?

0 个答案:

没有答案
相关问题