Table of Contents

Introduction.

I. SVG FUNDAMENTALS.

1. SVG Overview.
Understanding SVG. Advantages of SVG. Limitations of SVG. Basic Tools. SVG Painter's Model. Some SVG Examples. Introducing the XML DOM. Introducing the SVG DOM.2. Document Structure in SVG.
SVG Is XML. The svg Element. The g Element. The title and defs Elements. The symbol Element. The use Element. The script Element. Zoom and Pan. Linking in SVG. SVG DOM Interfaces. Miscellaneous SVG DOM Objects.3. Basic SVG Elements and Shapes.
The line Element. The rect Element. The circle Element. The ellipse Element. The polyline Element. The polygon Element. Color in SVG. Gradients in SVG. SVG Patterns. SVG DOM Interfaces for the SVG Basic Shapes. Other SVG DOM Interfaces.4. Using CSS with SVG.
What Is Styling in SVG? Specifying a Style. Individual Presentation Attributes. The SVG style Attribute. Internal CSS Style Sheets. External CSS Style Sheets. Using Entities When Styling. Style SVG DOM Interface. Examples of Styling Using the DOMs.5. Coordinate Systems in SVG.
The SVG Canvas. Preserving Aspect Ratio. Transformations and Coordinates. Other Elements That Affect Coordinates. SVG DOM Interfaces. Manipulating Coordinates Using the DOM.6. Paths in SVG.
Using the path Element. Creating Curves Using the path Element. Applying Text to a Path. The SVG DOM Interfaces. Manipulating Paths Using the DOM.7. Transformations in SVG.
Introduction to Transformations. Translation Transformations. Rotation Transformations. Scale Transformations. Skew Transformations. Transformation SVG DOM Interfaces. Scripting Transformation Examples.8. Laying Out Text in SVG.
Overview of Text in SVG. The SVG Text Layout Elements. Text Layout Tasks in SVG. The textPath Element. The switch Element. Comparison of Text Layout in SVG and HTML. Text-Related SVG DOM Interfaces. Other SVG DOM Text and Font Objects. Examples of Accessing and Manipulating the DOM.9. Clipping, Masking, Compositing.
A Terminology Review. Clipping in SVG. Masking. Compositing. The SVG DOM Interfaces.10. SVG Filters.
SVG Filters. The filter Element. The SVG Filter Primitives. The SVG DOM Filter Interfaces. The SVG DOM Objects for Filter Primitives.11. SVG Animation Elements.
SVG Animation in Context. The set Element. The animate Element. The animateColor Element. The animateMotion Element. The animateTransform Element. Animation Element-Related SVG DOM Interfaces. Miscellaneous Animation-Related Objects.12. SVG for Web Authoring.
Using SVG with HTML/XHTML. Laying Out Web Pages in SVG. Using the foreignObject Element.13. Accessibility, Internationalization, and Metadata.
Improving Code. General Accessibility Features of SVG. Internationalization. Metadata.

II. PROGRAMMING SVG CLIENT-SIDE.

14. The SVG DOM.
DOM Background. DOM Level 2. DOM2 CSS. DOM 2 Events. SVG DOM-Specific Interfaces.15. Scripting SVG.
Introduction to Scripting SVG. Specifying the Scripting Language. Manipulating the DOM. Changing style Attributes. Changing the Tree. SVG Events.16. Animating SVG with Scripting.
HTML and SVG Interaction. Animating with ECMAScript.17. Using SVG in Java Applications.
Applications in Java. Apache Batik. Displaying SVG in a Java Application. Generating SVG with a Java Application.

III. PRODUCING SVG SERVER-SIDE.

18. Server-Side Basics.
MIME Types. SVG with the Most Important Scripting Languages.19. JSP, Servlets, and SVG.
JSP for Scripting. Java SVG DOM. A Simple Example. SVG DOM Specifics.20. SVG and XSLT.
XSLT Overview. Three Steps to SVG. Server-Side Transformations.21. SVG and Perl.
Generating SVG with Perl. Viewing the Quote of the Day. Generalizing Our Sample File. Generating SVG Using print Statements. Generating SVG Using the W3C DOM API. Generating SVG Using the SVG.pm Module.22. SVG and PHP: Building an Online Survey.
Database Structure. Survey Administration Tool. Online Survey Tool. Survey Statistics.23. SVG .NET: Creating an Online Poll.
Database Structure. Survey Administration Tool. The Poll.

IV. CASE STUDIES.

24. Case Study: SVG for Blueprints.
Some Blueprint Basics. From CAD to SVG. Uploading to the Server.25. Case Study: SVG Web Map for Population Demographics.
Some Map Basics. Obtaining Map Data. Web Map Project Overview. Massachusetts Key Map: Level One. Plymouth County Map: Level Two. Server-Side Processing.26. Case Study: FMS—Monitor and Control.
Project Overview. Elevation Photo. Plan View and Temperature Zones. Remote Monitoring. Remote Control. Summary.

V. LOOKING AHEAD.

27. SVG 1.1, 1.2, and 2.0.
Mobile SVG. Beyond SVG 1.1. SVG and Multiple Namespaces.

VI. APPENDIXES.

Appendix A. Glossary.
Appendix B. SVG Elements Reference.
Appendix C. SVG Attributes and Properties Reference.
Appendix D. SVG Document Object Model (DOM).
Index.

Promotional Information

Targeted to the experienced Web programmer, SVG Unleashed equips the reader with the practical knowledge to create and manipulate Scalable Vector Graphics (SVG) programmatically, both on the client and the server side. Part I of the book provides a thorough reference of SVG syntax, elements, coordinate systems and animations, with coverage of the XML Document Object Model (DOM) and the SVG DOM application to each element or attribute. Part II introduces client-side SVG programming with particular emphasis on the use of ECMAScript/JavaScript. In Part III, readers learn to use several server-side languages to create SVG documents. Part IV demonstrates SVG programming through several case studies.

About the Author

Chris Lilley has been employed by the World Wide Web Consortium (W3C) since April 1996. There, he is the Graphics Activity Lead and a member of the Technical Architecture Group (TAG). He chairs the current SVG Working Group and was also chair and team contact for the previous SVG Working Group. He has also been a member of the HTML and XSL Working Groups and was for five years chair of the CSS Working Group. He has spoken at numerous Web, XML, Graphics, and Internationalization conferences and is a member of the conference committee for the Unicode, XML Europe, and SVG Open conferences.

Prior to working for the W3C, he was a staff member at the Computer Graphics Unit, University of Manchester, England, where he participated in the standardization of HTML 2.0 and the development of the PNG format. He holds a BSc with honors in Biochemistry from the University of Stirling, Scotland; an MSc in Computing from the University of York, England; and a postgraduate diploma in bioinformatics from the Global Network Academy. Chris contributed Chapter 27 and the Foreword.

Daniel J. Ayers is a freelance developer and author who specializes in leading-edge Internet technologies, primarily using server-side Java and XML. He lives in rural Italy with his wife Caroline and cat Sassi. He is a strong advocate of SVG, believing that it will play an important role in the next-generation Web. Danny contributed Chapters 13, 17, 19, 20, and Appendix A.

Randy George has had a long history with graphics programming going back to his college days in the early seventies. He is currently CTO of Geotechnologies, Inc., as well as the owner of Micro Map & CAD. He has developed a number of map translation programs for the CAD market and also authored more than a dozen articles for journals in the CAD and GIS industries. As CTO for Geotechnologies, he has developed a number of SVG prototypes for the GIS, AEC, and FMS industries as well as some medical and military applications. Over the last couple of years, he has become increasingly excited about the potential for SVG/XML coupled with server-side Java and native XML databases. When not experimenting with SVG and Java, he helps out around the house in Colorado, homeschooling some of his eight children. Randy contributed Chapters 24-26.

Christian Wenz is author of more than two dozen books. He specializes in Web programming and Web scripting (most notable publications are on JavaScript, ASP/ASP.NET, PHP, and WAP; some of them translated into other languages). He is also a regular speaker at both national and international conferences. He lives in Munich, Germany. Christian contributed Chapters 14-16, 18, 22, and 23 jointly with Tobias Hauser.

Tobias Hauser is author of more than 20 books on various topics of computing and the Internet. Apart from Web development, his second focus is on graphics. He has written books on ASP.NET, GIMP, Photoshop, Web Publishing, and PHP and WAP, among other topics. He lives and works in southern Germany. Tobias contributed Chapters 14-16, 18, 22, and 23 jointly with Christian Wenz.

Kevin Lindsey currently lives in the Dallas-Fort Worth area with his wife Liz. He has been involved in the publishing and medical industries for more than 10 years. Kevin has been an active member in the SVG community since 2000 and frequently posts to Yahoo!'s SVG Developers group. He is also the maintainer of and sole contributor to the KevLinDev.com Web site. Kevin contributed Chapter 21.

Niklas Gustavsson has taken up technical management, doing mostly Web application development while on sabbatical from his work as a molecular biologist studying regulatory mechanisms in E. coli. in Gothenburg, Sweden. In his spare time, he's involved in several open-source projects, keeps his blog and experiments at protocol7.com and is the housekeeper of the SVG-wiki (http://www.protocol7.com/svg-wiki). When away from computers, he is planning his upcoming wedding, rides his mountain bike, or spends time with friends. Niklas contributed Appendixes B, C, and D.