Quelle: Bild: shutterstock / garagestock
Zeichnen in HTML5 09.09.2016, 10:55 Uhr

Zwei Technologien

Zum Zeichen in HTML5 stehen Entwicklern zwei Technologien zur Verfügung: SVG mit dem HTML-Tag <svg> und Canvas unter Verwendung des HTML-Tags <Canvas>.
Dieser Artikel behandelt die grundlegenden Formen und Stilmittel der HTML-Elemente Canvas und SVG. Hierbei werden die beiden Techniken einander gegenübergestellt und Beispiele gezeigt, wie man als Entwickler mit den beiden Instrumenten ein identisches Ergebnis auf einer Webseite erzielen kann. Canvas wurde für das Mac-OS-Dashboard entwickelt und später auch im Safari-Browser zur Verfügung gestellt. Heute ist es Bestandteil der HTML5-Spezifikation. Canvas wird mit dem HTML-Tag <canvas> implementiert:
<canvas height="600" width="400"  

id="canvas"> Browser unterstützt das

Element nicht</canvas>

web & mobile DEVELOPER

Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt web&mobile Developer plus Kunde.
  • 2 Monate Gratis testen
  • Über 4.000 qualifizierte Fachartikel
  • Diverse DevBooks thematisch für Sie zusammen gestellt
  • Webcasts von 30 - 90 Min.
  • Aufzeichnungen von ausgewählten Fortbildungen und Konferenzen
  • Auf jedem Gerät verfügbar