Bagaimana untuk menetapkan nilai perkadaran minimum yang dibenarkan bagi segitiga menggunakan FabricJS?

Dalam tutorial ini, kita akan belajar cara menetapkan bahagian minimum yang dibenarkan bagi 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 menyesuaikan objek segi tiga dengan menambahkan pelapik, menambah warna padanya, mengalih keluar jidarnya dan juga menukar saiznya. Begitu juga, kita juga boleh menggunakan atribut minScaleLimit untuk menetapkan skala minimum yang dibenarkan.

Syntax

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

Parameter

• Pilihan< /strong> (pilihan) - Parameter ini ialah objek yang menyediakan penyesuaian tambahan kepada segi tiga kami. Menggunakan parameter ini, anda boleh menukar warna, kursor, lebar sempadan dan banyak sifat lain yang berkaitan dengan objek yang minScaleLimit ialah harta.

Kekunci Pilihan

• minScaleLimit - Hartanah ini menerima Nombor sebagai nilai yang membolehkan kita mengawal nilai skala minimum yang dibenarkan oleh segi tiga.

Contoh 1

Kemunculan lalai objek Segitiga

三角形对象的默认外观
您可以缩放三角形对象以查看是否没有设置最小限制


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

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

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