2D Web Graphics: SVG

Ivan Herman, W3C Head of Offices
Sydney, 18 August, 2003

Slides of the presentation held in Sydney, Australia, on the 18 August, 2003 at the W3C Day, organized in conjunction with the Evolve Conference 2003 by the W3C Australian Office.

If your browser is enabled for SVG, I advise you to view the slideset in SVG. You may want to check the SVG Implementations page for more details on players and on the latest versions. Otherwise, you can use the links to the HTML slides below, but you will loose the essence of a number of examples, animation effects, etc, because the images are just reproduced with static image dumps.

Table of Content:

  1. [Title Page]
  2. Graphics on the Web
  3. What do we need?
  4. SVG
  5. A Simple SVG example
  6. The “basics” are all there...
  7. Duck examples
  8. So what is the big deal?
  9. Filters
  10. Filter Operations
  11. Filter Details
  12. Filter examples on W3C Logo
  13. Convolution matrix on pixels
  14. Colour matrix manipulation
  15. Picture compositing
  16. SVG Animation
  17. SVG animation example
  18. What is animated?
  19. Walking Man...
  20. How is animation performed?
  21. Bouncing cubes
  22. When is animation performed?
  23. Chaining animations
  24. Lights and images: animating filters
  25. SVG DOM
  26. Interaction with the DOM Tree
  27. When Should Scripts Be Used?
  28. Clock
  29. Mine Sweeper Example
  30. SVG Mobile Profiles
  31. Implementations: Players
  32. Mobile SVG Examples
  33. Implementations: Authoring
  34. Application Examples
  35. SVG 1.2: the next step
  36. Further Information
  37. Further Information (cont.)