FabricJS を使用してポリゴンに座標を追加するにはどうすればよいですか?

PHPz
リリース: 2023-08-24 14:33:02
転載
1024 人が閲覧しました

如何使用 FabricJS 在多边形中添加坐标?

fabric.Polygon のインスタンスを作成することで、Polygon オブジェクトを作成できます。ポリゴン オブジェクトは、接続された直線セグメントのセットで構成される閉じた形状として特徴付けることができます。これは FabricJS の基本要素の 1 つであるため、角度や不透明度などのプロパティを適用することで簡単にカスタマイズすることもできます。 points プロパティを使用して、ポリゴンに座標を追加できます。

###文法### リーリー

パラメータ

  • points - このパラメーターは、ポリゴン オブジェクトを構成する点の配列を表す Array を受け入れます。

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

  • オプションキー

  • points - このプロパティは、点の配列を設定できる Array を受け入れます。

  • 例 1: ポリゴン オブジェクトのデフォルトの外観

コード例を見て、ポリゴン オブジェクトをキャンバスに追加する方法を見てみましょう。この例では、

points

属性を使用していません。最初のパラメータ自体として点の配列を指定し、使用する座標値を表します。 リーリー 例 2: Points 属性の使用

この例では、point 属性を使用し、多角形の座標値で構成される

array

を割り当てました。各点は "x" と " を持つ点です。 y" 値オブジェクト。ご覧のとおり、Polygon オブジェクトのポイントを指定しましたが、ポイント プロパティを使用すると、値が上書きされ、新しい座標が使用されます。 リーリー ###結論は### このチュートリアルでは、2 つの簡単な例を使用して、FabricJS を使用してポリゴンに座標を追加する方法を示します。

以上がFabricJS を使用してポリゴンに座標を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!