FabricJS - ラインコントロールの角の色を設定するにはどうすればよいですか?

このチュートリアルでは、FabricJS を使用して Line コントロールの角の色を設定する方法を学びます。 Line 要素は FabricJS で提供される基本要素の 1 つです。直線を作成するために使用されます。線要素は幾何学的に 1 次元であり、内部を含まないため、塗りつぶされることはありません。 fabric.Line のインスタンスを作成し、線の X 座標と Y 座標を指定してキャンバスに追加することで、線オブジェクトを作成できます。 cornerColor プロパティを使用すると、オブジェクトがアクティブなときにコントロールのコーナーの色を操作できます。

パラメータ

• points - このパラメーターは、(x1, y1) および (x2, y2) の値を決定する点の Array を受け入れます。はそれぞれ、線の始点と終点の x 軸座標と y 軸座標です。

• Options (オプション) - このパラメータは object であり、この目的に役立ちます。このパラメータを使用すると、cornerColor がプロパティであるオブジェクトに関連付けられた色、カーソル、ストローク幅、およびその他の多くのプロパティを変更できます。

オプションキー

• cornerColor - このプロパティは String を受け入れます。これにより、角に色を割り当てることができます。オブジェクトがアクティブに選択されています。コーナー ポイントを制御します。デフォルト値は rgb(178,204,255) です。

をキーとして渡し、色の名前を値として渡します ＃＃＃例＃＃＃

プロパティを使用して色を変更するコード例を見てみましょう。この例では、キーに「オレンジ」値を割り当て、コントロールの角がオレンジ色に表示されます。

RGBA 値を cornerColor 属性に割り当てます

単純な色の名前を String 値としてキーに渡す代わりに、RGBA 値を割り当てることもできます。 RGBA は、赤、緑、青、アルファを表し、アルファは不透明度を表します。これを行う方法を示すコード例を見てみましょう。

以上がFabricJS - ラインコントロールの角の色を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。