1

私はhtml5のcanvas要素が初めてです。canvas 要素内に既存の img 要素をいつ配置する必要があるのか​​ 、特に疑問に思っています。

これの利点または適切な使用法は何ですか?

私はDive into HTML 5を読んでいますが、canvas のトピックに関する最後の声明で私が探していたものを十分に得ることができませんでした:

簡単な答えは、キャンバスにテキストを描画したいのと同じ理由です。キャンバス座標図には、テキスト、線、および図形が含まれていました。キャンバス上のテキストは、より大きな作品の一部に過ぎませんでした。より複雑なダイアグラムでは、drawImage() を使用して、アイコン、スプライト、またはその他のグラフィックを簡単に含めることができます。

4

2 に答える 2

1

img仕事はどこで、それを使用します。canvas確かに非常に強力なツールですが、

  1. 現在、ブラウザの大部分でサポートされていますimgが、さらに広くサポートされています。
  2. JavaScript が無効になっているユーザーに対応する必要がある場合は、canvas使用できません。canvas動作するために JavaScript が必要ですが、必要ありimgません。

とはいえ、できることだけが必要な場合canvasは、お気軽に。例えば：

  • 画像を読み込んで、ユーザーにワープさせたり描画させたりする必要がありますか? Acanvasはそこでとてもうまくやるでしょう。
  • チャートやグラフを動的に描画する必要がありますか? canvasそこでもうまくいくでしょう。

のより高度な機能をcanvas必要とせず、単に画像を表示する必要がある場合imgは、最も明白で互換性のある選択肢です。

于 2013-08-17T20:02:27.613 に答える
1

イメージ タグは、静的な画像に最適です。

キャンバスは、HTML5 ワーキング グループの言葉を引用すると、「グラフ、ゲーム グラフィック、またはその他のビジュアル イメージをオンザフライでレンダリングするために使用できる、解像度依存のビットマップ キャンバス」です。

したがって、キャンバスに画像を平手打ちすることはできますが、それはおそらく、チャートやゲーム グラフィックなど、作成中の他の作品を補強するためのものです。

更新後に更新

したがって、株式のパフォーマンスをリアルタイムで追跡する非常に複雑なチャートを作成する場合は、キャンバスを使用してグラフのさまざまなバーを描画し、drawImage() を使用してキャンバスに会社のロゴを配置して、どのバーがどのバーに属していたか。

于 2013-08-17T20:10:06.723 に答える