Was sind die Unterschiede zwischen HTML5-Canvas und SVG?

Unterschiede: 1. Canvas hängt von der Auflösung ab, während SVG nicht von der Auflösung abhängt. 2. Canvas unterstützt keine Ereignisprozessoren, während SVG Ereignisprozessoren unterstützt. 3. Canvas ist für bildintensive Spieleanwendungen geeignet, SVG jedoch nicht Geeignet für Spieleanwendungen. ;4. SVG wird über XML definiert, während Canvas über Javascript definiert wird.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Canvas (Leinwand) wird mit Javascript gezeichnet, also pixelweise. Sobald das Canvas-Bild gezeichnet ist, hat es nichts mehr mit dem Browser zu tun. Wenn sich die Position des Bildes ändert, muss die gesamte Szene neu gezeichnet werden, einschließlich der abgedeckten Elemente.

svg wird mit XML gezeichnet und Sie können SVG einen Javascript-Ereignishandler hinzufügen. Das gesamte DOM ist verfügbar und wenn sich Eigenschaften ändern, wird es vom Browser automatisch neu gezeichnet.

Der Unterschied zwischen SVG und Canvas:

Canvas (Leinwand)

• Abhängig von der Auflösung

• Unterstützt keine Event-Handler

• Schwache Textwiedergabefunktionen

• kann Speichern Sie das resultierende Bild im .png- oder .jpg-Format.

• Am besten für bildintensive Spiele geeignet, bei denen viele Objekte häufig neu gezeichnet werden.

• Canvas wird über Javascript definiert.
  

... die Darstellung Geschwindigkeit (jede Anwendung, die das DOM übermäßig nutzt, ist nicht schnell)

Nicht für Spieleanwendungen geeignet

• svg wird durch XML definiert

• Verwandte Empfehlungen: „
HTML-Video-Tutorial
• “

Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen HTML5-Canvas und SVG?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!