| |
| |
| Acknowledgments | |
| |
| |
| Introduction | |
| |
| |
| |
| Understanding SVG | |
| |
| |
| |
| The SVG Standard | |
| |
| |
| Bringing Vector Graphics to the Web | |
| |
| |
| A Hypothetical SVG Application | |
| |
| |
| SVG's Potential Impact | |
| |
| |
| Advantages of SVG | |
| |
| |
| Advantages of Quality and Performance | |
| |
| |
| SVG and Data-Driven Graphics | |
| |
| |
| SVG and Interactive Graphics | |
| |
| |
| SVG and Personalized Graphics | |
| |
| |
| Potential Applications | |
| |
| |
| Conclusion | |
| |
| |
| |
| Understanding XML | |
| |
| |
| Just Enough XML | |
| |
| |
| XML versus HTML | |
| |
| |
| XML's Advantages over HTML | |
| |
| |
| Understanding XML and Style Sheets | |
| |
| |
| Understanding Namespaces | |
| |
| |
| Looking Under the Hood at SVG Files | |
| |
| |
| The Primary Tags, Including [left angle bracket]svg[right angle bracket], [left angle bracket]g[right angle bracket], [left angle bracket]text[right angle bracket], and [left angle bracket]style[right angle bracket] | |
| |
| |
| Some Simple Examples of SVG | |
| |
| |
| Creating and Displaying an SVG File | |
| |
| |
| |
| Creating SVG Graphics | |
| |
| |
| |
| Creating SVG Images with Jasc WebDraw | |
| |
| |
| About Illustration Software | |
| |
| |
| WebDraw Basics | |
| |
| |
| The WebDraw Workspace | |
| |
| |
| Working with WebDraw's Tools | |
| |
| |
| Working with SVG Images in WebDraw | |
| |
| |
| Opening SVG Images | |
| |
| |
| Creating SVG Images | |
| |
| |
| Filling Objects with Colors, Gradients, and Patterns | |
| |
| |
| Adding Text and Raster Images to Drawings | |
| |
| |
| Applying Filter Effects and Transformations | |
| |
| |
| Adding Animation | |
| |
| |
| Saving SVG Images | |
| |
| |
| |
| Creating SVG Images with Adobe Illustrator | |
| |
| |
| Illustrator Basics | |
| |
| |
| The Illustrator Workspace | |
| |
| |
| Drawing Objects | |
| |
| |
| Using Filters and Effects | |
| |
| |
| Working with Type | |
| |
| |
| Arranging Objects | |
| |
| |
| Saving Time with Swatches, Styles, and Symbols | |
| |
| |
| Working with SVG Images in Illustrator | |
| |
| |
| Opening SVG Images | |
| |
| |
| Adding SVG Features | |
| |
| |
| Saving SVG Images | |
| |
| |
| Illustrator's SVG Do's and Don'ts | |
| |
| |
| |
| Creating SVG Images with CorelDRAW | |
| |
| |
| CorelDRAW Basics | |
| |
| |
| The CorelDRAW Workspace | |
| |
| |
| Drawing Objects | |
| |
| |
| Working with Type | |
| |
| |
| Using Filters and Effects | |
| |
| |
| Arranging Objects | |
| |
| |
| Getting SVG Images Into and Out of CorelDRAW | |
| |
| |
| Opening SVG Images | |
| |
| |
| Exporting SVG Images | |
| |
| |
| |
| Creating SVG Images with Other Drawing Apps | |
| |
| |
| Designing with Mayura Draw | |
| |
| |
| Designing with Virtual Mechanics' IMS Web Engine | |
| |
| |
| Designing with XML Spy | |
| |
| |
| Other Tools to Keep an Eye On | |
| |
| |
| SVG Studio | |
| |
| |
| GraPL | |
| |
| |
| Oak Draw | |
| |
| |
| IsoDraw | |
| |
| |
| SVGmaker | |
| |
| |
| Batik SVG Toolkit | |
| |
| |
| Plazmic Workshop Start | |
| |
| |
| |
| SVG in Context--Flash, Web Design, and Dynamic SVG | |
| |
| |
| |
| SVG for Flash Designers | |
| |
| |
| What's the Difference? | |
| |
| |
| Ownership | |
| |
| |
| Accessibility | |
| |
| |
| Interoperability | |
| |
| |
| Scalability | |
| |
| |
| Workflow | |
| |
| |
| Which Should You Use? | |
| |
| |
| When to Choose SVG | |
| |
| |
| When to Choose SWF | |
| |
| |
| Moving from SVG to Flash and Back | |
| |
| |
| |
| Incorporating SVG in Web Sites | |
| |
| |
| SVG and Browser Basics | |
| |
| |
| Simple Case: Embedding SVG In an HTML Page | |
| |
| |
| Using the Object Element | |
| |
| |
| Some Practical Considerations | |
| |
| |
| W3C Amaya | |
| |
| |
| Browsing SVG Images with Amaya | |
| |
| |
| Using the Amaya Editor | |
| |
| |
| Adobe GoLive | |
| |
| |
| Adode GoLive and "Smart Objects" | |
| |
| |
| Web Browser Support for SVG | |
| |
| |
| |
| Generating SVG on the Fly | |
| |
| |
| Adobe AlterCast | |
| |
| |
| Product Requirements | |
| |
| |
| AlterCast in Action | |
| |
| |
| Summing Up AlterCast | |
| |
| |
| GraPL.net | |
| |
| |
| Product Requirements | |
| |
| |
| GraPL.net in Action | |
| |
| |
| Summing Up GraPL.net | |
| |
| |
| Savage Software DataSlinger | |
| |
| |
| Product Requirements | |
| |
| |
| DataSlinger in Action | |
| |
| |
| Summing Up DataSlinger | |
| |
| |
| Conclusion | |
| |
| |
| |
| SVG Futures | |
| |
| |
| SVG and Related W3C Efforts | |
| |
| |
| SVG Tools and Trends | |
| |
| |
| SVG for Application Development | |
| |
| |
| Other Future Trends | |
| |
| |
| Conclusion | |
| |
| |
| |
| Appendixes | |
| |
| |
| |
| Understanding SVG Syntax in Depth | |
| |
| |
| File Basics | |
| |
| |
| XML Declaration | |
| |
| |
| Document Type Declaration | |
| |
| |
| Everything Else | |
| |
| |
| The SVG Element | |
| |
| |
| Attributes for the SVG Element | |
| |
| |
| Presentation-Oriented Attributes: %PresentationAttributes-All | |
| |
| |
| Description of Major Elements | |
| |
| |
| |
| Example Files | |
| |
| |
| |
| splash.svg | |
| |
| |
| |
| navbar.svg | |
| |
| |
| |
| brindle.svg | |
| |
| |
| Index | |