Scalable Vector Graphics (SVG)
WHAT YOU WILL LEARN IN THIS CHAPTER:
- The differences between bitmap and scalable graphics
- Where and why to use SVG
- How SVG works
- Basic SVG drawing: shapes, lines, colors
- Using text in SVG
- Using splines, gradients, and filters
- Generating SVG from XSLT or XQuery
- A high-level view of web apps, SVG animation and scripting, and SVG in the web browser
SCALABLE VECTOR GRAPHICS AND BITMAPS
Computer graphics come in two main formats: bitmap graphics and vector graphics. Each of these two formats can work in a way that is either procedural or declarative.
The oldest way to make a computer show a picture is to write a computer program that, when run, produces the desired result. This method is called procedural graphics, because you tell the computer what to do: first this then that, like a “procedure.” ...