SVG for Web Developers
SVG is a language for describing two-dimensional graphics in XML. This book describes the advantages of SVG, how to create SVG, SVG animation, assigning styles, scripting, browser differences, rendering and more.
- Paperback | 464 pages
- 152.9 x 229.1 x 29mm | 675.86g
- 17 Dec 2002
- Pearson Education (US)
- Prentice Hall
- Upper Saddle River, United States
About Ellen Pearlman
ELLEN PEARLMAN taught at Columbia University's Computer Technology and Applications program for over a decade. She has also taught at the Parsons School of Design in their M.A. in Digital Design Program, The New School University's Computing Center, and at the City University of New York's Baruch College Internet Program. Pearlman was also director of research for Basex, Inc., a technology analyst firm specializing in knowledge management, virtual communities, convergence, and Web services.LORIEN HOUSE is a graphic artist and Web designer who attended Columbia University's CTA program (programming track), and discovered she liked writing code almost as much as she liked drawing pretty pictures. With SVG, she discovered she could do both at once. House has designed and built Web sites for small businesses and nonprofit organizations, and recently worked on a project to bring interactive Hudson River sonar images to the Web for the first time.
Table of contents
Preface. 1. Introduction to SVG. Graphics Standards: JPG, GIF, PNG, and SVG. Bitmap Graphics. Vector Graphics. Advantages of SVG. SVG versus Flash. SVG and Browsers. SVG and Viewers. XML and SVG. Well Formed or Valid? DTD. XML and SVG.2. Getting Started. SVG Document Structure. Well-Formed SVG. Valid SVG. SVG Syntax Review. The SVG Viewport. Nested Viewports. viewBox and preserveAspectRatio Attributes. Common Container Elements. SVG Coordinate System. Unit Identifiers. Multiple Coordinate Systems. Coordinate System Transformations. Conclusion.3. Basic Shapes and Text. Shape Elements. The Element. The Element. The Element. The Element. The Element. The Element. Shape Element Summary. Text in SVG. The Element. The Element. The Element. Fonts and Layout. Internationalization. Conclusion.4. Paths. About Paths. Curves. Conclusion.5. Color, Gradients, and Patterns. Colors in SVG: Filling and Stroking. Filling and Stroking Objects. Gradients. Linear Gradients. Radial Gradients. Gradient Review. Patterns. Transforming Patterns and Gradients. Conclusion.6. Filter Effects. The Element. Filter Primitives. Conclusion.7. Clipping and Masking. Clipping. Masking. Opacity in Elements. Color in Elements. Conclusion.8. Styles and Cascading Style Sheets. Styles: Inline and Embedded. External Style Sheets. CSS Properties.9. Animation and Interactivity. What Is SVG Animation? The Animation Elements. The Element. The Element. The Element. The Element. The Element. Timing an Animation. Complex Timing. Chaining Animations. Repeating Animations. Special Effects: Animating Gradients. Interactivity. Linking. Events in SVG. Scripting SVG. Conclusion.10. SVG and Drawing Packages. Illustrator 10. Opening and Saving SVG Files in Illustrator. SVG Filters in Illustrator 10. CorelDRAW 11. Jasc WebDraw. User Interface. Using WebDraw. Conclusion.11. SVG and Other Packages. What Is a Viewer? Batik. CSIRO. Mozilla SVG. X-Smiles XML Browser. Native Editors. Amaya. Editors That Export SVG. Beez. Sphinx. Mayura Draw. Conversion Tools. Celinea. SVGMapMaker. Conclusion.12. Advanced XML Discussions. What Is Unicode? XML and Different Devices. A Word about Devices and Style Sheets. XSL and XSLT. XSL Transformations. SVG and XSLT. Conclusion.Appendix A. Elements List. Appendix B. Attributes List. Appendix C. SVG Resources. SVG Basics. W3C Resources. SVG Browsers and Viewers. Drawing Packages and SVG. XSL and SVG. Targeting Multiple Devices. Articles on SVG. Fun SVG Sites. Other Resources. Unicode Resources.Index.