Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

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>

  1. HTMLで参考文献を作成するにはどうすればよいですか?

    参考文献は、参照されている本のリストが記載されているセクションです。 HTMLを使用すると、参考文献を簡単に作成できます。そのために、タグを使用して本を一覧表示し、を使用して作品のタイトルを追加します。 タグは、曲、絵画、映画などの作品のタイトルを追加するためにも使用されます。引用を示し、タグ内にあるものはすべて作品のタイトルを表します。 例 HTMLで参考文献を追加する方法を見てみましょう <!DOCTYPE html> <html>    <head>       <title>B

  2. HTML5 SVGで角が丸い長方形を作成するにはどうすればよいですか?

    SVGはScalableVectorGraphicsの略で、2DグラフィックスとグラフィカルアプリケーションをXMLで記述するための言語であり、XMLはSVGビューアによってレンダリングされます。ほとんどのWebブラウザーは、PNG、GIF、およびJPGを表示できるのと同じようにSVGを表示できます。 HTML SVGで長方形を描画するには、SVG要素を使用します。角が丸い場合は、長方形の角を丸くするrxおよびry属性を設定します。 例 次のコードを実行して、HTML5SVGで角が丸い長方形を描画する方法を学ぶことができます。 <!DOCTYPE html> <ht