首页 > 解决方案 > 面料JS;如何使对象无法移动,直到对象被“完全”单击(鼠标向下和鼠标向上)

问题描述

我想知道是否可以使对象在“完全”单击之前无法移动。目前,对象一被选中就可以移动,这不是很好,因为它可能导致意外移动。是否可以在完全单击对象之前禁用对象的所有移动?即用户单击对象并释放鼠标,从而触发 onMouseDown 和 onMouseUp。

标签: javascriptreactjsfabricjs

解决方案


FabricJS vs 4.4.0 引入了一个新的对象属性,称为activeOn. 默认情况下,该值为“向下”,这意味着对象在鼠标向下/触摸开始时处于活动状态。如果将值更改为“向上”,则该对象仅在鼠标向上/触摸结束后才会激活。http://fabricjs.com/changelog

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

推荐阅读