HTML5 Canvas Free Tutorial 1.0
5秒でダウンロードできます。
に関しては HTML5 Canvas Free Tutorial
要素は、グラフィックスのコンテナーにすぎません。実際にグラフィックスを描画するには、スクリプトを使用する必要があります。キャンバスは長方形の領域で、パス、ボックス、円、文字の描画、およびイメージの追加にはいくつかの方法があります。
要素は、ドキュメント オブジェクト モデル (DOM) API またはプラグインを使用せずに Web ページで描画できる新しい HTML5 マークアップ要素です。やや新しいものの、この要素は、ほとんどの最新のブラウザで採用されています。
HTML 要素や CSS スタイルを使用したマークアップを使用して画面上にグラフィックスを作成する代わりに、キャンバスは drawRect、fill、drawImage などの JavaScript コマンドを使用してグラフィックを直接描画できます。また、ピクセルを直接操作して画像を変更したり、特殊効果を作成したりすることもできます。Canvas は現在 2D 描画 API ですが、今後のリリースでは 3D サポートが予定されています。
メモ： - 要素には独自の描画能力がありません - すべての描画はJavaScript内で行う必要があります。デフォルトでは、要素には境界線がなく、コンテンツも含めず - オプションのfallback_contentは、キャンバスタグをサポートしていないブラウザによってレンダリングされます - 頼ることなく、直接グラフィックスの描画を可能にします
または CSS のトリック - キャンバスはウェブ標準で、ほとんどのブラウザでサポートされており、互換性のある実装 - キャンバスは2次元グリッドです。 - より簡単にハードウェアが加速し、高速なアニメーションが発生する - キャンバスの左上隅に座標 (0,0) - 将来的には、キャンバスは、3Dグラフィックスのための保留中のWebGL仕様など、「2d」以外のコンテキストをサポートします。