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 (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

Mari kita lihat contoh kod untuk melihat rupa objek segi tiga tanpa menggunakan sifat minScaleLimit. Dalam kes ini, kita akan dapat menskala objek secara bebas kerana tiada had minimum ditetapkan.

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


// 启动画布实例
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(三角形);

Contoh 2

Melepasi sifat minScaleLimit sebagai kunci dengan nilai tersuai

Dalam contoh ini kita akan melihat bagaimana memberikan nilai kepada minScaleLimit mengubah skala minimum harta benda nilai kanvas. Di sini kita menggunakan 0.8 sebagai nilai, yang bermaksud kita tidak akan dapat mengecilkan objek kepada kurang daripada 72 piksel lebar dan 64 piksel tinggi, yang dikira dengan had jejari*

(0.8 * 90 = 72 piksel), 0.8 * 80 = 64px). rreeee🎜

Atas ialah kandungan terperinci Bagaimana untuk menetapkan nilai perkadaran minimum yang dibenarkan bagi segitiga menggunakan FabricJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!