emailconfirmed, nsInternRO, nsInternRW, Administrators
3,356
edits
m (HTML5) |
m (→HTML5) |
||
Line 64: | Line 64: | ||
Die aufregendsten Neuerungen sind in Kürze: | Die aufregendsten Neuerungen sind in Kürze: | ||
<br/> | |||
=== Audio & Video === | |||
Die neuen <audio> und <video> Tags ermöglichen die Wiedergabe von Audio & Video-Dateien ohne Flash-Plugin. Die Implementierungen variieren noch von Browser zu Browser, zumindest als Alternative für Browser ohne Flash-Plugin ist der Einsatz bereits empfehlenswert: | |||
<source lang="HTML4strict"> | |||
</source> | |||
<br/> | |||
=== Canvas === | === Canvas === | ||
Das Canvas-Element kann mit JavaScript "bemalt" werden. Der Canvas Kontext ist in 2D und 3D verfügbar, 3D wird allerdings noch von sehr wenigen Browsern unterstützt. Das Zeichnen in 2D funktioniert ähnlich wie in anderen Sprachen (z.B. Java, Processing, Quartz). Man holt sich zuerst den Kontext und kann dann Basis-Shapes, Bilder, Text u.v.m. auf diesen Kontext zeichnen. Das Canvas-Element ist Pixel-basiert. | Das Canvas-Element kann mit JavaScript "bemalt" werden. Der Canvas Kontext ist in 2D und 3D verfügbar, 3D wird allerdings noch von sehr wenigen Browsern unterstützt. Das Zeichnen in 2D funktioniert ähnlich wie in anderen Sprachen (z.B. Java, Processing, Quartz). Man holt sich zuerst den Kontext und kann dann Basis-Shapes, Bilder, Text u.v.m. auf diesen Kontext zeichnen. Das Canvas-Element ist Pixel-basiert. | ||
Line 87: | Line 94: | ||
* [https://developer.mozilla.org/en/canvas_tutorial Mozilla Canvas Tutorial] | * [https://developer.mozilla.org/en/canvas_tutorial Mozilla Canvas Tutorial] | ||
<br/> | |||
=== SVG === | === SVG === | ||
HTML5 unterstützt das Zeichnen von [[SVG]] (Scaleable Vector Graphics). SVG-Grafiken können entweder in einem Grafikprogramm (wie z.B. Illustrator) gezeichnet und als SVG exportiert oder per Code gezeichnet werden: | HTML5 unterstützt das Zeichnen von [[SVG]] (Scaleable Vector Graphics). SVG-Grafiken können entweder in einem Grafikprogramm (wie z.B. Illustrator) gezeichnet und als SVG exportiert oder per Code gezeichnet werden: | ||
Line 102: | Line 110: | ||
* [http://www.w3.org/TR/SVG/ W3C SVG Reference] | * [http://www.w3.org/TR/SVG/ W3C SVG Reference] | ||
<br/> | |||
=== Weitere Ressourcen === | === Weitere Ressourcen === | ||
* [http://www.w3schools.com/html5/html5_reference.asp HTML5 Referenz] | * [http://www.w3schools.com/html5/html5_reference.asp HTML5 Referenz] |