introducing SVG (Scalable Vector Graphics)

1. SVG = Scalable Vector
Graphics

2. Vector vs. Raster Graphics

6. Common File Extensions for
Graphics Files
Vector
• svg
• ai (Illustrator)
• pdf (some)
Raster
• gif
• jpg
• bmp
• png
• tiff

11. SVG Coordinate System: X/Y-Axis
• Y-axis is reversed: increasing values move down the screen

12. Origin of SVG coordinate system in CRT
display technology: Cathode-Ray Tubes
• Electron-beam scans
down the screen, so
‘down’ = positive and
increases in value

13. WWW Tutorials
http://www.w3schools.com/svg
http://tutorials.jenkov.com/svg
http://www.math.wsu.edu/kcooper/M300/svgcheat.php