Home > Store

Sams Teach Yourself SVG in 24 Hours

Register your product to gain access to bonus material or receive a coupon.

Sams Teach Yourself SVG in 24 Hours

Premium Website

  • Sorry, this book is no longer in print.
Not for Sale


  • Copyright 2002
  • Edition: 1st
  • Premium Website
  • ISBN-10: 0-672-32290-0
  • ISBN-13: 978-0-672-32290-7

Sams Teach Yourself SVG in 24 Hours provides a thorough understanding of the technology, complete with working examples and practical answers to common development questions. The book focuses on how to create imagery in SVG for static and dynamic graphics. Readers will learn: SVG fundamentals; how it compares to other technologies, including Flash; Manipulating SVG; painting with SVG and using effects; Bringing SVG to life; understanding animation; Text and typography; Efficient coding techniques; Understanding how to integrate JavaScript and dynamic data; Mastering SVG and overcoming common problems.

Sample Content

Online Sample Chapters


Painting with SVG

Styling SVG

Styling SVG

SVG's Shape Toolbox

SVG's Shape Toolbox


Symbols in SVG

Viewing SVG

Table of Contents

(NOTE: Each chapter concludes with Summary, Questions & Answers, and Workshop.)


Hour 1. Getting Started with SVG.

Advantages of Using SVG. Disadvantages of Using SVG. What Spurred the Development of SVG? What Does SVG Offer Designers? What Does SVG Offer Developers? How Does SVG Compare with Flash? What Does SVG Offer You? SVG Needs You! What Will You Get out of This Book?

Hour 2. SVG's Foundation.

Syntax. Structure.

Hour 3. Viewing SVG.

Understanding Limitations. What Environments Can View SVG? Implementation.

Hour 4. Document Layout.

Understanding SVG Document System. Using the viewBox. Creating a Resizable Document.

Hour 5. SVG's Shape Toolbox.

Basic Shapes. Paths.


Hour 6. Styling SVG.

The Style Attribute. Inline CSS Property Declarations. Creating a Style Sheet. Grouping Styles. Organizing Your Style Sheet. Storing and Accessing Style Sheets.

Hour 7. Painting.

Working with Color. Applying a Fill. Applying a Stroke. Setting Transparency. Creating Gradients. Creating Patterns.

Hour 8. Symbols.

Creating Symbols and Definitions.

Hour 9. Masking and Clipping.

Masking. Clipping.

Hour 10. Using Filters.

Understanding Filters. Using Filters. Blurring Images with feGaussianBlur. Moving Objects with feOffset. Merging Filter Primitives with feMerge.Creating Textures with feTurbulence. Taming feTurbulence Effects' Display with feComposite. Creating New Filters.

Hour 11. Images.

Using the image Element. Allowed Filetypes. SVG in SVG.


Hour 12. Time.

Understanding How Time Unfolds in SVG. Using keyTimes. Using Time Dependencies.

Hour 13. Interaction.

Hyperlinks. Using the set Element.

Hour 14. Transforms.

Introduction to Transformations. Transforming with the translate Property. Transforming with the scale Property. Transforming Using the skewX and skewY Properties. Transforming Using the rotate Property. Applying Multiple Transform Operations.

Hour 15. Animation.

Understanding Motion. Animating Basic Attribute Transitions. Animating an Object's Location. Animating a Transformation. Animating Color Transitions. Repeating Animations. Frame-Based Animation.


Hour. 16. Formatting.

Understanding Text with SVG. Including Text in Your Document. Text Boxes. Adjusting Margins and Leading with the dx and dy Attributes. Size. Spacing. Justification. Text Along a Path.

Hour 17. Typefaces.

Understanding Typefaces. Font Classifications. System Fonts. SVG Fonts. Kerning. Type Quality.


Hour 18. JavaScript.

Using Scripts in SVG. Viewer Detection. Enhancing Animation Performance.

Hour 19. Using JavaScript to Create Dynamic Content.

Understanding Dynamic Graphics. Designing SVG for Dynamic Content. Preparing Your Graphic for Dynamic Content. Localizing SVG Graphics. Creating Dynamic Content.


Hour 20. Organizing and Optimizing Your Code.

Separation of Design and Engineering. Development Process Coding with Basic Elements. Detailing Code Terminology. Annotating Documents. Locating Document Elements Attribute Organization Style Sheet Organization. Compression.

Hour 21. Using Adobe Illustrator to Create Artwork.

Layers. Style. Positioning. Cleaning Up Your Code.

Hour 22. Overcoming Common Problems.

Animation. Typography. Display. Style Sheet Organization. AOL Image Display. Troubleshooting Issues.

Hour 23. Applying Your Knowledge.

The Code. Stepping Stones.

Hour 24. References.

Technology Comparison. Viewer Compatibility. Tools to Create SVG. SVG References.

Appendix. Color Name and Hex Value Reference Table.



Get Adobe Acrobat ReaderNote: You will need the Free Adobe Acrobat Reader to view the file(s) for the book. If you do not already have Acrobat installed on your machine, click the "Get Acrobat Reader" button to download and install.

Click on the links below to display the PDF file in a new window. Right-click on the link and select Save As if you want to download it to your hard drive.

0672322900errata.pdf (220 KB)

Submit Errata

More Information

Unlimited one-month access with your purchase
Free Safari Membership