4

HTML5キャンバスが何であるか少し混乱しています。JavaScriptだと言われましたが、もっと大したことのようですか？

  1. javascriptと何が違うのですか？

  2. なんでこんなにすごいの？

  3. JavaScript以外のことをしますか？

4

5 に答える 5

7

これcanvasは基本的に、imgjavascriptを使用して描画できる要素です。

于 2010-03-20T16:23:29.237 に答える
6

この記事を読むことをお勧めしますHTML5Canvas-基本

しかし、要するに。javascriptを置き換えるものではありません。

HTML 5キャンバスは、JavaScriptを使用してグラフィックを描画するための簡単で強力な方法を提供します。キャンバス要素ごとに、「コンテキスト」（描画パッドのページについて考えてみてください）を使用できます。このコンテキストにJavaScriptコマンドを発行して、必要なものを描画できます。ブラウザは複数のキャンバスコンテキストを実装でき、さまざまなAPIが描画機能を提供します。

于 2010-03-20T16:22:24.637 に答える
2

Canvas要素は基本的に、プログラムでペイントできる描画キャンバスです。Web用の一種のスクリプト可能なビットマップ描画ツール。

WebベースのMSペイントクローンを簡単に作成できるようになったという事実を除けば、それについての「驚くべき」ことは、クライアント側で複雑なグラフィックスを作成するためのはるかに豊富で完全に自由形式の領域があることだと思います。急いで。きれいなグラフを描いたり、写真を使って何かをしたりできます。伝えられるところでは、あなたはアニメーションもすることができます！

あなたがそれを試してみたいのであれば、Mozillaの開発者センターには合理的なチュートリアルがあります。

于 2010-03-20T16:24:14.567 に答える
2

まず第一に、CanvasはJavaScriptではありません！これら2つはまったく異なるものです。

Canvasは、JavaScriptを使用して、グラフィック、アニメーション、グラフ、写真の構図、またはその他のビジュアルオブジェクトをその場でレンダリングするために使用できるHTML5要素です。多くの場合、canvasはWebゲームやオンラインプレゼンテーションの構築に使用されています。

于 2013-01-19T06:32:24.053 に答える
1
  • キャンバス-白い紙のような長方形の領域
  • コンテキスト-キャンバスにグラフィックやアニメーションを描画するために使用される多くの関数を使用してオブジェクトを返します（紙での鉛筆の使用方法など）

キャンバスに線を引く次の例を参照してください。

<html>
      <body>
       <canvas id="c" width="200" height="200" style="border:1px solid"></canvas>
        <script>
          var canvas = document.getElementById("c");//get the canvas in javascript
          var context = canvas.getContext("2d");//getcontext on canvas
          context.beginPath();//start the path.we are going to draw the line
          context.moveTo(20,20);//starting point of Line
          context.lineTo(40,20);//ending point of Line
          context.stroke(); //ink used for drawing Line (Default: Black)
        </script>
      </body>
    </html>

于 2014-10-09T10:59:29.627 に答える