Dynamic graphics - HTML5 and CSS3 - page 96

versions of <canvas> have full 3D support, and several first-person shoot-
ers from the 1990s have already been ported to allow play in a browser.

Now that you've learned about the <canvas> element, it's time to look
at the second technology available in HTML5 for drawing graphics: SVG.

Getting started with SVG
Scalable Vector Graphics (SVG) is an XML language
for displaying vector graphics. It has long been possible
to embed SVG within XML -based XHTML documents;
but because HTML5 leads you back to HTML -based
markup, it adds the useful feature that SVG can be
embedded directly.

7.0

4.0

9.0

11.6

5.1

Let's create a simple SVG drawing.