FabricJSを使用して三角形の幅を設定するにはどうすればよいですか?

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

三角形オブジェクトの位置、不透明度、ストローク、寸法を変更することで、三角形オブジェクトを操作できます。 FabricJS では、width プロパティ と height プロパティ

を使用してオブジェクトのサイズを制御できます。

構文

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

パラメータ

• オプション (オプション) このパラメータは オブジェクトです。三角形に追加のカスタマイズを提供します。このパラメータを使用すると、色、カーソル、ストローク幅などのプロパティや、width が属性であるオブジェクトに関連するその他の多くのプロパティを変更できます。
オプション キー

• Width - このプロパティは、numeric

  値を受け入れます。オブジェクトの幅を指定します。デフォルト値は 100 です。
例 1

width プロパティのデフォルトの動作

コード例を見てみましょうwidth 属性のデフォルトの動作。

宽度属性的默认行为
可以看到三角形的宽度默认为100


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

// 初始化一个三角形对象
var triangle = new Fabric.Triangle({
左：60，
顶部：50，
填写：“#b0e0e6”，
身高：90，
});

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

例 2

width 属性をキーとして渡す

これで、width

が得られました。この属性には 180px の値が割り当てられており、その幅の変化がわかります。 えええええ###

以上がFabricJSを使用して三角形の幅を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。