HTML5 を使用して変換マトリックスを作成するにはどうすればよいですか?

次の記事では、HTML5 で変換マトリックスを作成する方法について学びます。 HTML5 キャンバスには、変換行列を直接変更できるメソッドが用意されています。変換行列は、最初は恒等変換である必要があります。その後、変換メソッドを使用して調整できます。

transform() メソッドの使用

現在のコンテキストの変換行列は、transform() メソッドを使用して変更できます。つまり、transform() メソッドを使用すると、現在のコンテキストを拡大縮小、回転、移動、傾斜させることができます。

注意- 変更の影響を受けるのは、transform() メソッドを使用した後に作成された図だけです。

语法

以下はtransform()メソッドの法則です

リーリー

settransform()メソッドを使用する

setTransform(a1, b1, c1, d1, e1, f1) メソッドが現在の変換を恒等式にリセットした後、transform(a1, b1, c1, d1, e1, f1) 関数が同じ引数で呼び出されます。マトリックス。＃＃＃

语法

次に、settransform() メソッドの構文を示します。

リーリー

HTML5 の変更クエリをより深く理解するために、いくつかの例を見てみましょう。

例 1

以下の例では、transform() メソッドを使用して四角形を生成します。 リーリー

スクリプトが実行されると、ネットワーク上で表示波形の出力が生成されます。

例 2

次の例では、transform() メソッドと settransform() メソッドを使用します。 リーリー

上記のスクリプトを実行すると、transform() を使用して生成された出力が生成され、Web ページ上でtransform() メソッドが設定されます。

例 3

以下の例では、現在数学表現式 Σ n = 1 を作成中です。 リーリー

ユーザーがこのスクリプトを実行すると、ネットワーク上で transform() および settransform() メソッドを使用して生成された出力が表示されます。

以上がHTML5 を使用して変換マトリックスを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。