Examples from Chapter 25 of The XML Bible, 2nd Edition: Scalable Vector Graphics
Listing 25-1: An SVG document that represents a red circle with a blue outline
Listing 25-2: An HTML document in which Listing 25-1 is included
Listing 25-3: An HTML document in which Listing 25-1 is embedded
Listing 25-4: A partial checkerboard made up out of rects
Listing 25-5: A pattern of nine rounded rects
Listing 25-6: An SVG Bull's-eye
Listing 25-7: Two ellipses perpendicular to each other
Listing 25-8: A right triangle formed from three lines
Listing 25-9: Three polygons
Listing 25-10: Tic-tac-toe
Listing 25-11: A pie formed by eight arc paths
Listing 25-12: BÈzier curves
Listing 25-13: Four text elements, one for each line of a poem
Listing 25-14: Text on a path
Listing 25-15: Placing a JPEG image in an SVG picture
Listing 25-16: Using CSS properties to set the size of an embedded SVG picture
Listing 25-17: A circle that doesn't fit in its viewport
Listing 25-18: Using a viewBox attribute to adjust the local coordinate system
Listing 25-19: Using a viewBox attribute to adjust the local coordinate system
Listing 25-20: Non-uniform coordinate systems squeeze shapes if the aspect ratio isn't preserved
Listing 25-22: A pie formed by eight rotated copies of one wedge
Listing 25-23: An exploded pie
Listing 25-24: Scaled pie
Listing 25-25: Skewed text
Listing 25-26: Nine circles linked to different sites
Listing 25-27: RDF metadata embedded in an SVG document
Listing 25-25: Skewed ttext
Copyright 1999, 2001
Elliotte Rusty Harold
elharo@metalab.unc.edu
Last Modified at March 10, 2001