HTML5 Canvas vs SVG/VML?

Question

Bitte sagen Sie mir, was denken Sie über HTML5 Canvas vs SVG/VML? Gib mir Vor- und Nachteile im Vergleich.

Danke !!!

Answer 1

HTML5 Canvas ist einfach eine Zeichenfläche für eine Bitmap. Sie richten eine Zeichnung ein (Sprich mit einer Farbe und Linienstärke), zeichnen das Ding, und dann weiß Canvas nichts von diesem Ding: Es weiß nicht, wo es ist oder was es ist, es sind nur Pixel. Wenn Sie Rechtecke zeichnen und verschieben oder auswählbar machen möchten, müssen Sie das Ganze von Grund auf neu programmieren, einschließlich des Codes, an den Sie sich erinnert haben.

Auf der anderen Seite ist jedes von Ihnen erstellte SVG/VML-Element ein echtes Element im DOM. Standardmäßig können Sie so die von Ihnen erstellten Elemente besser verfolgen und den Umgang mit Dingen wie Mausereignissen einfacher machen.

Canvas wäre besser für schnellere Dinge und schwere Bitmap-Manipulation (wie Animation), aber wird mehr Code benötigen, wenn Sie viel Interaktivität wollen.