ホームページ  >  記事  >  ウェブフロントエンド  >  FabricJS - ラインコントロールの角の色を設定するにはどうすればよいですか?

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

王林
王林転載
2023-09-09 21:57:021476ブラウズ

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) です。

cornerColor

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

cornerColor

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

リーリー

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

###例###

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

ああああ

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

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。