7

StackOverflow ユーザー

html5 アプリケーション/Web サイトを作成する際に、イメージ ギャラリーのように多数のイメージがブラウザで順次または同時に表示される場合、canvas 要素の使用は正当化されますか?

画像を表示することだけを話している限り、DOM 要素の < img > タグを使用する代わりに、キャンバスを使用してその上に画像を描画することに意味はありますか? また、CSS3 変換/移動/スケーリング/ズームやジェスチャ認識 (ドラッグ、タッチ/タップ、ピンチなど) などの画像操作もあり、私の知る限り、キャンバスと img の両方に適用できます。タグ。

また、可能な限り「html5」っぽいものを維持し、パフォーマンスも考慮に入れることも重要です。たとえば、将来、canvas 要素がブラウザーによってますます使用および最適化されるかどうかは重要です。

デスクトップだけでなくモバイル デバイスでも動作するユニバーサル html5 アプリケーションの開発を検討しているため、パフォーマンスと速度は非常に重要な要素です。ただし、canvas と < img > を比較するテストは、主に JavaScript ブラウザ ゲームを対象としていました。この場合、アニメーションはメモリ消費と全体的なパフォーマンスほど重要ではありません。

この特定の側面に関するリソース/研究はありますか?

4

1 に答える 1

1 
UseCanvas = NeedCanvas ? true : false

この操作には実際にはキャンバスは必要ありません。また、キャンバスを使用して開発すると、はるかに複雑になるため、開発に時間がかかります。

JavaScript でタグを使用<img>すると、互換性が向上するだけでなく、速度とアクセシビリティも向上します。ブラウザーを使用すると、絶対にすべてのものが CSS と Javascript を実行できます。さらに、SEO 要因もあります。キャンバス内の画像がインデックスに登録されないことは確かです。

HTML5 テクノロジーを使用するために HTML5 テクノロジーを使用しないでください。画像のワープを開始し、ユーザーに描画してエクスポート/保存できるようにする場合は、キャンバスが必要です。

于 2012-06-08T15:08:26.413 に答える