如何使用 FabricJS 設定橢圓的最小允許比例值？

在本教學中，我們將學習如何使用 FabricJS 設定橢圓的最小允許比例。橢圓形是 FabricJS 提供的各種形狀之一。為了建立一個橢圓，我們將建立一個 Fabric.Ellipse 類別的實例並將其新增到畫布中。我們可以透過添加填滿顏色來自訂橢圓對象，消除其邊框，甚至更改其尺寸。同樣，我們也可以使用 minScaleLimit 屬性來設定其允許的最小比例。

語法

new fabric.Ellipse({ minScaleLimit : Number }: Object)

參數

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

選項鍵

• #minScaleLimit - 此屬性接受數字 作為允許我們控制橢圓允許的最小比例的值。

範例1

預設橢圓物件的外觀

讓我們舉例來看看不使用 minScaleLimit 屬性時橢圓物件的樣子。在這種情況下，我們將能夠自由縮放對象，因為沒有設定最小限制。

   
      
      
   


   
      
How to set the minimum allowed scale value of Ellipse using FabricJS?
      
Here you can select the object and scale it up freely to any extent, as we have not used the minScaleLimit property. 
      

      
   

範例2

將minScaleLimit 屬性作為帶有自訂值的鍵傳遞

在此範例中，我們將看到為minScaleLimit 屬性賦值如何變更畫布中橢圓物件的最小允許比例值。這裡我們使用0.8 作為值，這意味著我們將無法將物件縮小到小於水平半徑64 像素和垂直半徑40 像素，計算公式為半徑* 限制 (0.8 * 80 = 64 像素，0.8 * 50 = 40 像素）。

   
      
      
   


   
      
How to set the minimum allowed scale value of Ellipse using FabricJS?
      
Select the object and try to scale it down. Here we have set the minScaleLimit to 0.8 beyond which the ellipse cannot be reduced further in size. 
      

      
   

以上是如何使用 FabricJS 設定橢圓的最小允許比例值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！