ホームページ  >  記事  >  ウェブフロントエンド  >  FabricJS - ポリゴン オブジェクトの現在の変換を表す変換行列を見つけますか?

FabricJS - ポリゴン オブジェクトの現在の変換を表す変換行列を見つけますか?

PHPz
PHPz転載
2023-08-29 12:17:101229ブラウズ

FabricJS – 找到表示多边形对象当前变换的变换矩阵?

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

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

例 1: calcOwnMatrix メソッドの使用

calcOwnMatrix

メソッドを使用して、ポリゴンの現在の変換を表す変換行列を見つける方法を示すコード例を見てみましょう。開発ツールからコンソールを開いて、表示されている配列値を確認できます。 リーリー 例 2: calcOwnMatrix メソッドと ScaleX プロパティの使用

ポリゴン オブジェクトに水平スケーリングを適用したときに、返される配列の値がどのような影響を受けるかを理解するために、コード例を見てみましょう。ここでは、scaleX プロパティに値 2 を渡しました。これにより、ポリゴン オブジェクトが水平方向に 2 倍に拡大縮小されます。返された配列の 0 番目のインデックス値が変更されたこともコンソールで確認できます。これは、0 番目のインデックスがscaleX 値を表すためです。

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

このチュートリアルでは、2 つの簡単な例を使用して、FabricJS を使用して Polygon オブジェクトの現在の変換を表す変換行列を見つける方法を示します。

以上がFabricJS - ポリゴン オブジェクトの現在の変換を表す変換行列を見つけますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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