面料JS； 如何使 object 无法移动，直到 object 被“完全”点击（鼠标向下和鼠标向上）

Question

I am wondering if it is possible to make an object unmovable until it is "fully" clicked. At the moment the object is movable as soon as it is selected, which is not great because it can lead to accidental movements. Is it possible to disable all movement of an object until it is fully clicked? ie the user clicks the objects and releases the mouse so both onMouseDown and onMouseUp is triggered.

Answer 1

FabricJS vs 4.4.0 introduced a new object property called activeOn . By default, the value is 'down', meaning that objects are made active on mouse down/touch start. If you change the value to 'up', the object will only be made active after mouse up/touch end. http://fabricjs.com/changelog

fabric.Object.prototype.activeOn = "up";