ホームページ > 記事 > ウェブフロントエンド > html5の描画方法にはどのようなものがありますか
html5 での描画方法: 1. ピクセルに基づいて 2D 描画機能を提供し、HTML に依存し、スクリプトを通じてパターンを描画するキャンバスを使用します; 2. 一連のグラフィックを提供する SVG ベクター グラフィックを使用します。要素、静止画像表示、高保証ドキュメント表示および印刷アプリケーション シナリオに適しています。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
html5 には Canvas と SVG という 2 つの描画方法があります。
Canvas と SVG はどちらも HTML5 で推奨される主要な 2D グラフィックス描画テクノロジです
< ;canvas> ;
は H5 の新しいコンポーネントです。カーテンのようなものです。スクリプト (通常は Javascript
) を使用してグラフィックスを描画できます。HTML
要素を使用できます。さまざまな図、表、アニメーションを作成します。 (四角形、パス、円、線...)
を提供します。完全なアニメーションと時間メカニズムもあり、独立して使用することも、 HTMLに埋め込むことができます。キャンバスはピクセルごとにレンダリングされ、グラフィックスが完成すると、ブラウザーはそれを意識しなくなります。
##解像度に依存します##イベント ハンドラーをサポートしません
解像度に依存しません
サポートイベントハンドラーSVG は DOM 操作を通じて表示され、最適ですレンダリング領域が大きいアプリケーション (Google マップなど) の場合
html ビデオ チュートリアル
」以上がhtml5の描画方法にはどのようなものがありますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。