Fabric.js - 在選定對象下移動對象

Question

我的畫布中有2個對象（圖像）。

fc.item(0)是畫布中間的較小圖像。 fc.item(1)是一個大的圖像，「框架」。用戶不能移動它。當用戶試圖移動fc.item(1)時，我想移動fc.item(0)，就好像用戶移動了fc.item(1)一樣。

任何想法，我該怎麼做？我試圖使用fc.item(0).fire("object:moving")，但是這並不奏效。

Answer 1

如果要使頂層對象不可選，只需將其「可選」設置爲false即可。

fc.item(1).selectable = false; 

如果也想傳播事件的底部對象（基本上是「忽略」頂一個），機頂盒一個人的「事件觸發」屬性false。

fc.item(1).evented = false;