HTML5で変換行列を作成するにはどうすればよいですか?
HTML5キャンバスは、変換行列を直接変更できるメソッドを提供します。変換行列は、最初はID変換である必要があります。その後、変換方法を使用して調整できます。
Sいいえ。 | メソッドと説明 |
---|---|
1 | transform(m11、m12、m21、m22、dx、dy) このメソッドは、引数で指定された行列を適用するように変換行列を変更します。 |
2 | setTransform(m11、m12、m21、m22、dx、dy) このメソッドは、変換行列を引数で指定された行列に変更します。 |
transform(m11、m12、m21、m22、dx、dy)メソッドは、現在の変換行列に-
で記述された行列を乗算する必要があります。m11 m21 dx m12 m22 dy 0 0 1
変換行列を作成するには、MathMLを使用します。
例
以下は、transform()メソッドとsetTransform()メソッドを使用する簡単な例です。
<!Doctype html> <html> <head> <meta charset = "UTF-8"> <title>Pythagorean theorem</title> </head> <body> <math xmlns = "https://www.w3.org/1998/Math/MathML"> <mrow> <msup> <mi>a</mi> <mn>2</mn> </msup> <mo> + </mo> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> = </mo> <msup> <mi>c</mi> <mn>2</mn> </msup> </mrow> </math> </body> </html> <!doctype html> <html> <head> <meta charset = "UTF-8"> <title>Pythagorean theorem</title> </head> <body> <math xmlns = "https://www.w3.org/1998/Math/MathML"> <mrow> <msup> <mi>a</mi> <mn>2</mn> </msup> <mo> + </mo> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> = </mo> <msup> <mi>c</mi> <mn>2</mn> </msup> </mrow> </math> </body> </html>
-
HTMLで参考文献を作成するにはどうすればよいですか?
参考文献は、参照されている本のリストが記載されているセクションです。 HTMLを使用すると、参考文献を簡単に作成できます。そのために、タグを使用して本を一覧表示し、を使用して作品のタイトルを追加します。 タグは、曲、絵画、映画などの作品のタイトルを追加するためにも使用されます。引用を示し、タグ内にあるものはすべて作品のタイトルを表します。 例 HTMLで参考文献を追加する方法を見てみましょう <!DOCTYPE html> <html> <head> <title>B
-
HTML5 SVGで角が丸い長方形を作成するにはどうすればよいですか?
SVGはScalableVectorGraphicsの略で、2DグラフィックスとグラフィカルアプリケーションをXMLで記述するための言語であり、XMLはSVGビューアによってレンダリングされます。ほとんどのWebブラウザーは、PNG、GIF、およびJPGを表示できるのと同じようにSVGを表示できます。 HTML SVGで長方形を描画するには、SVG要素を使用します。角が丸い場合は、長方形の角を丸くするrxおよびry属性を設定します。 例 次のコードを実行して、HTML5SVGで角が丸い長方形を描画する方法を学ぶことができます。 <!DOCTYPE html> <ht