如何獲得適當的多選背景層以上

我正在使用花式產品設計器，它使用了fabricjs和canvas元素。如何獲得適當的多選背景層以上

我已經創建了這樣的場景： https://www.screenart.media/branchen/baeckerei-konditorei/plakat-liebe-verschenken/

在那裏，你可以看到這樣的背景多層（Hintergrund），咖啡杯（Kaffeetasse），鬆餅盒。

我想在canvas對象上啓用多選。

問題是，這總是會選擇背景層。

當我只想通過點擊並拖動選擇框來選擇杯子和muffinbox時，是否可以避免選擇一個對象（如背景）？

也許有可能將點擊拖動事件分成兩步？ 1.單擊並拖動未選中的對象將只打開選擇框（將事件傳遞給畫布背景）。 2.單擊一個對象將其選中，然後單擊拖動將移動所選對象。

這會使行爲更加一致（也可以考慮選擇一堆物體並將它們一起移動），不是嗎？

您認爲如何？任何想法如何正確實施這一點？

謝謝！

來源

2017-03-05 Oktay Acikalin

爲什麼背景圖片實際上並不是背景圖片在織物畫布中的意思呢？ – AndreaBogazzi

這就是FPD的工作原理。它使用戶能夠修改對象，但不能修改背景圖像本身。因此我不得不將背景圖像添加爲對象。 –

您是否嘗試將對象的可選屬性設置爲false？就這麼簡單：

object.set({selectable: false});

來源

2017-03-08 13:38:43

如果我將圖層「Hintergrund」設置爲「可選：false」，我無法繪製選擇框。只有當我通過點擊圖層面板中的鎖定圖標完全禁用與其相關的所有交互時，我纔可以繪製一個框。但這不是我們所需要的。我們需要的是在畫布上選擇對象的更一般的方法。第一次單擊拖動應始終打開一個選擇框。只有一次點擊才能選擇一個對象。 –

如何獲得適當的多選背景層以上

回答

相關問題