如何使用 FabricJS 取得 IText 中單字的左邊界？

在本教學中，我們將學習如何使用 FabricJS 來取得 IText 中單字的左邊界。 IText 類別是在 FabricJS 版本 1.4 中引入的，它擴展了 Fabric.Text 並用於建立 IText 實例。 IText 實例使我們可以自由選擇、剪下、貼上或新增文本，而無需額外配置。還有各種支援的按鍵組合和滑鼠/觸控組合使文字具有互動性，而 Text 中未提供這些組合。

然而，基於 IText 的 Textbox 允許我們調整文字矩形的大小並自動換行。對於 IText 來說並非如此，因為高度不會根據換行進行調整。我們可以透過使用各種屬性來操作 IText 物件。同樣，我們也可以使用findWordBoundaryLeft方法來找出單字的左邊界

文法

findWordBoundaryLeft(startFrom: Number): Number

參數

• startFrom - 此參數接受一個Number，它表示目前選擇索引，將為其傳回該單字左邊界的新選擇索引值。

範例 1

使用 findWordBoundaryLeft 方法

#讓我們看一個程式碼範例，以查看使用 findWordBoundaryLeft 方法時記錄的輸出。在這裡，我們傳遞的值為 5，這意味著我們要檢查第二個單字的左邊界。因此傳回值將為 4。

   
   



   
Using the findWordBoundaryLeft method
   
 You can open console from dev tools and see that the left boundary value is being displayed in the console 
   
   
   

範例 2

使用findWordBoundaryLeft方法計算最後一個單字的單字邊界

讓我們看一個程式碼範例，了解如何使用 findWordBoundaryLeft 方法找到最後一個單字的新選擇索引。在本例中，我們向 startFrom 參數傳遞了值 17，它表示最後一個單字。因此，傳回的新選擇索引值為16，即最後一個單字的左邊界。

   
   



   
Using the findWordBoundaryLeft method to calculate the word boundary for the last word
   
 You can open console from dev tools and see that the left boundary value is being displayed in the console 
   

   

以上是如何使用 FabricJS 取得 IText 中單字的左邊界？的詳細內容。更多資訊請關注PHP中文網其他相關文章！