Table of contents
- XML meets Graphics
- What is SVG
- 1: Why another graphics format
- Lots of existing formats!!
- Raster graphics
- Rasters - WYS really Is WYG
- Vectors - zoom to see more
- Authoring graphics
- 2: Why in XML?
- Vector graphics are structured
- Add it to HTML?
- HTML and tag minimisation
- Fully normalised HTML
- HTML and Extensions
- State of the Web with HTML
- So, we need XML
- Typical XML Sample
- A graphical example
- Uses of XML today
- The Web with XML
- What does XML buy us?
- XML - just the first step
- 3: SVG overview
- SVG - requirements and status
- SVG Working Group
- Typical uses
- SVG and graphical assets
- Foundational graphics
- SVG objects
- SVG Paths
- SVG basic shapes
- Transformations
- SVG and XLink/XPointer
- Bike example
- Bike example (continued)
- 4: Styling Graphics
- Need for styling
- Cascading Style Sheets
- CSS basics
- Example of CSS
- Background images
- CSS2 Media-specific style sheets
- CSS supports
- Transformation styling
- 5: Advanced SVG
- Text in Graphics
- SVG and real Text
- Text display in SVG
- Fonts in SVG
- SVG Fonts
- SVG and Raster Images
- Raster Effects
- Raster Effects (continued)
- Raster Effects example
- Raster effects sample (rendered)
- CSS and multi-namespace XML
- MathML
- MathML and SVG
- RDF - metadata in XML
- RDF and SVG
- Animation and SVG
- How does DOM fit in?
- A DOM animation example
- SMIL
- SMIL in use
- SMIL and SVG
- SVG animation example
- Summary: SVG
- For further information