Virtual Training Company author Ellen Pearlman teaches users the power of Scalable Vector Graphics (SVG), a modularized language for describing two-dimensional vector and mixed vector/raster graphics in Extensible Markup Language (XML). SVG is essentially a subset of XML, allowing for three types of graphic objects: vector graphic shapes, images and text. Unlike Flash ActionScript, SVG is text based, allowing search engines to index based on graphics. Graphical objects can be grouped, styled, transformed and composited into previously rendered objects. Click on a movie topic below to begin learning!
Introduction to SVGIntroductionSVG ExamplesEditing an SVG Statement ViewerLooking at XML StructureLooking at an XML Statement pt. 1Looking at an XML Statement pt. 2SVG Document StructureWell Formed DocumentValid DocumentSVG Text StatementsSVG ViewportViewboxPreserve Aspect Ratio AttributeMeet and Slice Ratios AttributeContainer ElementsUse ElementStreamlining CodeDefs ElementSymbol ElementThe SVG Coordinate SystemCoordinate System and Unit IdentifiersMultiple Coordinate SystemsTranslate Transformation pt. 1Translate Transformation pt. 2Scale and Rotate TransformationsSkew X and Y TransformationsBasic ShapesRounded Rectangle
Filled Rectangle / Circle / Ellipse
Polygon Element
Polyline Element
Line Element
Text in SVG
DX and DY Attributes
Tspan and Tref Elements
Fonts / Kerning / Baseline Shift
Internationalization
PathsPath Elements
Stream Lining Code and C Command
Creating a Triangle and Elliptical Arc
Large Arc Flag, Sweep Flag Values
Cubic Benzier Curves
Quadric Benzier Curves
Gradients and Fills and PatternsColor / Color Fill and Stroke Order
Linear Gradients pt. 1
Linear Gradients pt. 2
Spread Method Attribute
Radial Gradients pt. 1
Radial Gradients pt. 2
Patterns pt. 1
Patterns pt. 2
FiltersIntro Filter Elements pt. 1
Intro Filter Elements pt. 2
Diffuse and Specular Light pt. 1
Diffuse and Specular Light pt. 2
feComposite pt. 1
feComposite pt. 2
feImage / feFlood / feTile
feMorphology
feDisplacementMap / feTurbulance
feColorMatrix
feCompononentTransfer pt. 1
feCompononentTransfer pt. 2
feConvolveMatrix
Clipping and MaskingClipPath pt. 1
ClipPath pt. 2
ClipPath Using Text
Mask Element
Gradient Fill Mask
Color in Masks
Cascading Style SheetsInternal Stylesheets
Class Selector and Attribute
External Stylesheets
Animation and InteractivityIntro to SVG Animation
Animate
Set Animate Color
Animate Motion pt. 1
Animate Motion pt. 2
Timing pt. 1
Timing pt. 2
Chaining and Repeating
Radial Gradients
Interactive Events
A Brief Look at Scripting
SVG and Drawing PackagesAdobe Illustrator 10
SVG Filters in Illustrator
SVG and CorelDraw pt. 1
SVG and CorelDraw pt. 2
Jasc WebDraw
Click here to find out more about the SVG Training CD