如何使用 FabricJS 停用 Triangle 的選擇性？

在本教程中，我們將學習如何使用 FabricJS 來停用三角形的選擇性。三角形是 FabricJS 提供的各種形狀之一。為了創建一個三角形，我們必須建立一個 Fabric.Triangle 類別的實例並將其新增到畫布中。

為了修改一個對象，我們必須在 FabricJS 中選擇它。但是，我們可以透過使用 selectable 屬性來停用此行為。

語法

new fabric.Triangle{ selectable: Boolean }: Object)

參數

• #選項（可選） - 此參數是一個物件< /em> 為我們的三角形提供額外的客製化。使用此參數，可以變更與selectable屬性相關的物件的屬性，例如顏色、遊標、描邊寬度和許多其他屬性。

< /ul>

選項鍵

• 可選擇 - 此屬性接受布林值。當為其指派“假”值時，無法選擇該物件進行修改。其預設值為 true。

範例1

預設行為或可選屬性設定為「true」時< /p>

讓我們看一個程式碼範例，以了解預設情況下selectable 屬性設定為True 時物件的行為方式。當 selectable 屬性設為 True 時，我們可以選擇一個對象，在畫布上移動它並對其進行修改。

   
   



   
Default behaviour or when selectable property is set to 'true'
   
You can try moving the triangle around the canvas or scaling it to prove that it's selectable
   
   

登入後複製

範例 2

將可選屬性作為鍵傳遞

在此範例中，我們為可選屬性指派一個 False 值。這意味著我們無法再選擇三角形物件進行修改。

   
   



   
Passing selectable property as key
   
You can see that the triangle is no longer selectable
   
   

登入後複製

以上是如何使用 FabricJS 停用 Triangle 的選擇性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！