FabricJS - ポリゴン上でのオブジェクトのコピーをプログラムで実装しますか?

WBOY
リリース: 2023-08-24 11:05:07
転載
1305 人が閲覧しました

FabricJS – 在多边形上以编程方式实现对象复制?

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

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

パラメータ

  • Callback (オプション) - このパラメータは、クローンを通じて呼び出されるコールバック関数です。

  • propertiesToInclude (オプション) - このパラメータには、複製されたキャンバス インスタンスに含める追加のプロパティが含まれます。これは配列の形式である必要があります。

  • 例 1: Polygon でのプログラムによるオブジェクトのコピー

ポリゴン上でのオブジェクトのコピーを実装する方法を理解するためにコード例を見てみましょう。まず、ポリゴン オブジェクトとそのそれぞれのポイント配列を開始し、それをクリップボードに追加します。クリックすると

duplicate()

関数をトリガーするボタンもあります。 duplicate() はクリップボードからオブジェクトを取得し、オフセットを使用してコピーされたオブジェクトのクローンを作成し、canvas.add を使用してキャンバスに追加します。 リーリー 例 2: サークル上でのプログラムによるオブジェクトのコピー

FabricJS を使用して円上でのオブジェクトのコピーをプログラムで実装する方法を示すコード例を見てみましょう。この場合、ポリゴン オブジェクトの代わりに円から開始し、同じプロセスに従いました。したがって、サークルのコピーが作成されます。

リーリー ###結論は###

このチュートリアルでは、2 つの簡単な例を使用して、FabricJS を使用してオブジェクトのコピーをプログラムで実装する方法を示します。

以上がFabricJS - ポリゴン上でのオブジェクトのコピーをプログラムで実装しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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