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

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

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

構文

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

パラメータ

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

オプション キー

• Height - このプロパティは、numeric 値を受け入れます。オブジェクトの高さを指定します。デフォルト値は 100 です。

例 1

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

コード例を見てみましょうheight プロパティのデフォルトの動作を理解します。

高度属性的默认行为
请注意，默认三角形的高度为 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(三角形);

例 2

height プロパティをキーとして渡す

これで、height が得られました。この属性では 140px の値が指定されており、高さが変化することがわかります。

えええええ

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