在本教程中，我們將學習如何使用 FabricJS 使三角形的控制角透明。三角形是 FabricJS 提供的各種形狀之一。為了創建一個三角形，我們必須創建一個 Fabric.Triangle 類的實例并將其添加到畫布中。 transparentCorners 屬性允許我們使三角形的控制角透明。
語法
new Fabric.Triangle( {透明Corners: Boolean }: Object)
登錄后復制
參數
選項（可選） – 此參數是一個對象，它為我們的三角形提供額外的自定義。使用此參數，可以更改與 transparentCorners 為屬性的對象相關的屬性，例如顏色、光標、描邊寬度和許多其他屬性。
選項鍵
transparentCorners – 該屬性接受一個布爾值，允許我們將對象的控制角渲染為透明或不透明。其默認值為 true。
示例 1
將 transparentCorners 屬性作為帶有“false”的鍵傳遞value
讓我們看一個代碼示例，用于創建一個具有不透明控制角的三角形對象。為此，我們需要向 transparentCorners 屬性傳遞一個 false 值。
將透明角屬性作為具有“false”值的鍵傳遞
您可以選擇三角形以查看控制角是否不透明。
// 啟動畫布實例
var canvas = new Fabric.Canvas("canvas");
canvas.setWidth(document.body.scrollWidth);
畫布.setHeight(250);
// 初始化一個三角形對象
var triangle = new Fabric.Triangle({
左：180，
頂部：80，
寬度：90，
身高：80，
填寫：“#b0e0e6”，
筆畫：“#5f9ea0”，
筆畫寬度：7，
透明角：假，
});
// 將其添加到畫布中
canvas.add(三角形);
登錄后復制
示例 2
將 transparentCorners 作為具有“true”值的鍵傳遞
在此示例中，我們向 transparentCorners 屬性傳遞一個真值。這將確保控制角呈現為透明。請注意，這也是默認行為。
將透明角作為具有“true”值的鍵傳遞
您可以選擇三角形以查看控制角是否透明。
// 啟動畫布實例
var canvas = new Fabric.Canvas("canvas");
canvas.setWidth(document.body.scrollWidth);
畫布.setHeight(250);
// 初始化一個三角形對象
var triangle = new Fabric.Triangle({
左：180，
頂部：80，
寬度：90，
身高：80，
填寫：“#b0e0e6”，
筆畫：“#5f9ea0”，
筆畫寬度：7，
透明角：真實，
});
// 將其添加到畫布中
canvas.add(三角形);
登錄后復制
以上就是如何使用 FabricJS 使三角形的控制角透明？的詳細內容，更多請關注www.92cms.cn其它相關文章！
