SVG and Canvas

CSCE 242

University of South Carolina

José M. Vidal
http://jmvidal.cse.sc.edu/talks/canvassvg/
Examples taken from

• Canvas Tutorial, Mozilla Developer Center.
• Interactive Canvas Tutorial.
• SVG Presentation. W3C.
• W3C standard.
• SVG Tutorial

1. 1 Canvas
   1. 1.1 The Canvas Element
   2. 1.2 Shapes
   3. 1.3 Drawing Text
   4. 1.4 Using Images
   5. 1.5 Color
   6. 1.6 Line Styles
   7. 1.7 Save and Restore
   8. 1.8 Transformations
   9. 1.9 Compositing
      1. 1.9.1 Clip
   10. 1.10 Animation
       1. 1.10.1 Blob
2. 2 SVG
   1. 2.1 Basics
   2. 2.2 Shapes
   3. 2.3 Image
   4. 2.4 Text
   5. 2.5 Color
   6. 2.6 Defs and Use
   7. 2.7 Gradient
   8. 2.8 Transformations
   9. 2.9 Path
   10. 2.10 JavaScript and SVG

Entire Presentation with Notes

---

Copyright © 2009 José M. Vidal . All rights reserved.

05 March 2009, 09:42AM