Vergleich der Zeichenprinzipien zwischen Canvas und SVG in HTML5_html5-Tutorial-Fähigkeiten

Sowohl Canvas als auch SVG ermöglichen das Zeichnen von Bildern im Browser, ihre Grundprinzipien sind jedoch unterschiedlich.
SVG
SVG ist eine Sprache zur Beschreibung zweidimensionaler Grafiken in XML.
SVG basiert auf XML, was bedeutet, dass jedes Element im SVG-DOM verfügbar ist. Sie können für jedes Element JS-Ereignishandler hinzufügen.
In SVG wird jede Grafik als Objekt aufgezeichnet. Wenn sich die Eigenschaften eines SVG-Objekts ändern, kann der Browser die Grafik automatisch neu generieren.

Canvas
Canvas kann 2D-Grafiken im Handumdrehen zeichnen (mit JS)
Canvas kann entsprechend der Pixel neu generiert werden.

Sobald die Grafik in Canvas fertig ist, wird sie vom Browser vergessen. Soll die Position der Grafik geändert werden, muss der gesamte Bildschirm neu gezeichnet werden, einschließlich der von der Grafik abgedeckten Objekte.

Vergleich zwischen Canvas und SVG
Die folgende Tabelle zeigt die Hauptunterschiede zwischen Canvas und SVG: