Kommentar: Leinwand und SVG können es Ihnen ermöglichen, Bilder im Browser zu zeichnen, aber ihre Grundprinzipien sind unterschiedlich. Als nächstes werden wir die Zeichnungsprinzipien von Leinwand und SVG vorstellen. Interessierte Freunde können darüber lernen.
Leinwand und SVG ermöglichen es Ihnen, Bilder im Browser zu zeichnen, aber ihre Grundprinzipien sind unterschiedlich.Svg
SVG ist eine Sprache, die zweidimensionale Grafiken in XML beschreibt.
SVG basiert auf XML, was bedeutet, dass jedes Element innerhalb des SVG DOM verfügbar ist. Sie können jedem Element einen JS -Event -Handler hinzufügen.
In SVG wird jedes Diagramm als Objekt aufgezeichnet. Wenn die Eigenschaften eines SVG -Objekts geändert werden, kann der Browser die Grafiken automatisch regenerieren.
Leinwand
Canvas kann 2D -Grafiken auf Fliegen zeichnen (mit JS)
Leinwand kann durch Pixel regeneriert werden.
In Leinwand werden sie nach Abschluss der Grafiken vom Browser vergessen. Wenn sich die Grafikposition ändern soll, muss der gesamte Bildschirm neu gestrichen werden, einschließlich der von den Grafiken abgedeckten Objekte.
Vergleich zwischen Leinwand und SVG
Die folgende Tabelle zeigt die Hauptunterschiede zwischen Leinwand und SVG:
Canvas SVG
Auflösungsabhängige unabhängige von der Lösung
Event -Handler wird nicht unterstützt
Schwache Funktionen zur Renderung von Text eignen sich am besten für Anwendungen mit großen Rendering -Bereichen (Google Maps)
Sie können das endgültige Bild als PNG- oder JPG -Komplexbilder speichern, und das Neulackieren verlangsamt sich (jede Situation, in der DOM verwendet wird, verlangsamt sich).
Die besten Grafikspiele, die für viele Objekte geeignet sind, die häufig neu gezeichnet werden, sind nicht für Spielanwendungen geeignet