html - HTML5 キャンバスと SVG/VML の比較?

Question

HTML5 Canvas と SVG/VML についてどう思いますか? メリットとデメリットを比較して教えてください。

ありがとうございました！！！

Answer 1

HTML5 Canvas は、ビットマップの単なる描画面です。描画を設定し (色と線の太さで言う)、それを描画すると、キャンバスはそのことを認識しません: それがどこにあるのか、それが何であるかはわかりません。それは単なるピクセルです。四角形を描画して移動させたり、選択可能にしたい場合は、描画したことを記憶するコードを含め、すべてを最初からコーディングする必要があります。

一方、作成するすべての SVG/VML 要素は、DOM 内の実際の要素です。デフォルトでは、これにより、作成した要素をより適切に追跡でき、デフォルトでマウス イベントなどを簡単に処理できます。

Canvas は、より高速でビットマップ操作 (アニメーションなど) が多い場合に適していますが、多くの対話性が必要な場合は、より多くのコードが必要になります。