javascript - Fabricjs - 以编程方式选择对象以立即移动/拖动

Question

我可以使用fabricjs 以编程方式选择对象。但是，它的行为与使用鼠标单击选择对象时不同。单击鼠标时，该对象将成为焦点，并且可以拖动它。但是，在程序选择时，我无法立即移动对象。一个 jsfiddle 示例:

http://jsfiddle.net/ThzXM/1/

程序化选择:

canvas.setActiveObject(canvas.item(0));

我希望最终实现的是:单击按钮时，会在 Canvas 上添加一个新的矩形，用户可以在将其放置在 Canvas 上之前移动该矩形 - 无需额外的单击。是否可以通过跨浏览器兼容的方式来做到这一点？ (我知道在某些浏览器中我可以触发鼠标单击事件，但大多数浏览器不允许这样做。)

Answer 1

你必须这样做。不要忘记调用 setCoords() 来更新对象的边界框。

// Set the active element
canvas.setActiveObject(canvas.item(0));
// Set left, o right,or angle... check documentation.
//Don´t forget to call setCoords() after changes.
canvas.item(0).setLeft(80).setCoords(); 
//Then render the canvas
canvas.renderAll()