FabricJS を使用して三角形の最小許容比率値を設定するにはどうすればよいですか?

このチュートリアルでは、FabricJS を使用して三角形の最小許容比率を設定する方法を学びます。三角形は、FabricJS によって提供されるさまざまな形状の 1 つです。三角形を作成するには、Fabric.Triangle クラスのインスタンスを作成し、それをキャンバスに追加する必要があります。

三角形オブジェクトは、パディングの追加、色の追加、境界線の削除、さらにはサイズの変更によってカスタマイズできます。同様に、minScaleLimitプロパティを使用して、最小許容スケールを設定することもできます。

構文

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

パラメータ

• オプション< /strong>(オプション)- このパラメータはObjectは、三角形に追加のカスタマイズを提供します。このパラメータを使用すると、minScaleLimitがプロパティであるオブジェクトに関連付けられた色、カーソル、境界線の幅、およびその他の多くのプロパティを変更できます。

オプション キー

• minScaleLimit- このプロパティは、値としてNumberを受け入れます。三角形に許可される最小スケールを制御します。

例 1

Triangle オブジェクトのデフォルトの外観

三角形对象的默认外观 您可以缩放三角形对象以查看是否没有设置最小限制 // 启动画布实例 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(三角形);