ホームページ  >  記事  >  ウェブフロントエンド  >  FabricJS - HTMLCanvasElement に変換された Polygon オブジェクトの描画コンテキストを見つけますか?

FabricJS - HTMLCanvasElement に変換された Polygon オブジェクトの描画コンテキストを見つけますか?

WBOY
WBOY転載
2023-08-30 17:33:06743ブラウズ

FabricJS – 查找转换为 HTMLCanvasElement 的 Polygon 对象的绘图上下文?

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

ポリゴン オブジェクトを HTMLCanvasElement に変換するには、toCanvasElement メソッドを使用します。これは、HTMLCanvasElement 型の DOM 要素を返します。この要素は、HTMLElement インターフェイスからそのプロパティとメソッドを継承します。 getContext メソッドを使用して、キャンバス上の描画コンテキストを見つけます。コンテキスト ID がサポートされていない場合は、null 値が返されます。

文法

HTMLCanvasElement.getContext():

例 1: toCanvasElement メソッドの使用

toCanvasElement メソッドを使用したときに記録される出力を確認するコード例を見てみましょう。 toCanvasElement メソッドを使用すると、HTMLCanvasElement 型の DOM 要素が返されます。開発ツールからコンソールを開いて、タイプ HTMLCanvasElement の DOM 要素が返されていることを確認できます。

リーリー

例 2: getContext メソッドの使用

getContext メソッドと toCanvasElement メソッドを使用して、HTMLCanvasElement に変換された Polygon オブジェクトの描画コンテキストを検索するときに記録される出力のコード例を見てみましょう。描画コンテキストにより、キャンバス上に描画できるようになります。値「2d」を getContext メソッドに渡したため、CanvasRenderingContext2D オブジェクトが返されます。 リーリー ###結論は###

このチュートリアルでは、2 つの簡単な例を使用して、FabricJS を使用して HTMLCanvasElement に変換された Polygon オブジェクトの描画コンテキストを検索する方法を示します。

以上がFabricJS - HTMLCanvasElement に変換された Polygon オブジェクトの描画コンテキストを見つけますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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