Bagaimana untuk menetapkan ketinggian segitiga menggunakan FabricJS?

Dalam tutorial ini, kita akan belajar cara menetapkan ketinggian segi tiga menggunakan FabricJS. Segitiga adalah salah satu daripada pelbagai bentuk yang disediakan oleh FabricJS. Untuk mencipta segi tiga, kita mesti mencipta contoh kelas Fabric.Triangle dan menambahkannya pada kanvas.

Kita boleh memanipulasi objek segi tiga dengan menukar kedudukannya, kelegapan, lejang dan saiznya. FabricJS membolehkan kami mengawal saiz objek menggunakan sifat lebar dan tinggi.

Syntax

new Fabric.Triangle({ height: Number }: Object)

Parameter

• Pilihan (pilihan) - Parameter ini ialah objek yang menyediakan penyesuaian tambahan kepada segi tiga kami. Menggunakan parameter ini, anda boleh menukar sifat seperti warna, kursor, lebar lejang dan banyak lagi sifat lain yang berkaitan dengan objek yang tingginya ialah harta tersebut.

Option Key

• Height - Harta ini menerima nilai nombor yang membolehkan kita menentukan ketinggian objek. Nilai lalainya ialah 100.

Contoh 1

heightGelagat Lalai Harta

Mari kita lihat contoh kod untuk memahami gelagat lalai sifat ketinggian.

高度属性的默认行为
请注意，默认三角形的高度为 100。


// 启动画布实例
var canvas = new Fabric.Canvas("canvas");
canvas.setWidth(document.body.scrollWidth);
画布.setHeight(250);

// 初始化一个三角形对象
var triangle = new Fabric.Triangle({
左：105，
顶部：70，
宽度：90，
填写：“#746cc0”，
笔画：“#967bb6”，
笔划宽度：5，
});

// 将其添加到画布中
canvas.add(三角形);

Contoh 2

Melalukan atribut height sebagai kunci

Sekarang kita mempunyai nilai 140px yang diberikan kepada atribut height, kita dapat melihat perubahan ketinggiannya.

rreeee

Atas ialah kandungan terperinci Bagaimana untuk menetapkan ketinggian segitiga menggunakan FabricJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!