Uh-oh, it looks like your Internet Explorer is out of date.

For a better shopping experience, please upgrade now.

SVG Programming: The Graphical Web / Edition 1

SVG Programming: The Graphical Web / Edition 1

5.0 2
by Kurt Cagle, Michael Bierman, Cagle

ISBN-10: 1590590198

ISBN-13: 9781590590195

Pub. Date: 07/11/2002

Publisher: Apress

SVG Programming: The Graphical Web, authored by leading XML expert Kurt Cagle, is a complete guide to creating, using, and accessing the powerful elements of Scalable Vector Graphics (SVG). Intermingling SVG instruction with insightful discussion of key topics such as coordinate systems and attributes, transformations, animation, and


SVG Programming: The Graphical Web, authored by leading XML expert Kurt Cagle, is a complete guide to creating, using, and accessing the powerful elements of Scalable Vector Graphics (SVG). Intermingling SVG instruction with insightful discussion of key topics such as coordinate systems and attributes, transformations, animation, and image generation, Cagle provides readers with a comprehensive guide to making the most of this rich graphical language.

Initially, readers are presented with an overview of SVG features and concepts that offers numerous examples intended to provide a sound introduction to language implementations. Following this brief introduction, the book delves directly into the heart of SVG development, covering integral SVG attributes such as transformations, shapes, text manipulation, and the incorporation of images, gradients, patterns, and masks. The later chapters are devoted to topics that demonstrate the true power of this XML-based technology, offering valuable insight into animation, interactivity and DOM, filters, and automated graphic generation.

SVG Programming: The Graphical Web offers professionals what they need to know to access the next evolutionary step in web graphical presentation: to create faster, more efficient, and more usable web applications on a level heretofore impossible.

Product Details

Publication date:
Edition description:
Product dimensions:
7.52(w) x 9.25(h) x 0.05(d)

Table of Contents

Michael Bierman's Forewordxi
Don XML's Forewordxv
About the Authorxvii
About the Technical Reviewerxviii
Chapter 1Why SVG?1
A Short History of XML and SVG3
SVG as a Piece of the Puzzle11
Using SVG and Flash11
Programming and SVG16
Installing the Adobe SVG Viewer17
Chapter 2Getting Started: An SVG Tutorial21
Starting with a Stop21
Chapter 3You Are Here: Coordinate Systems and Transformations51
Understanding Coordinate Systems and Transformations52
Working with Viewports57
Abstracting with [left angle bracket]g[right angle bracket] and [left angle bracket]use[right angle bracket]64
Understanding Transformations76
Chapter 4Shaping the Spiral Path: Shapes and Paths101
Using Shape Primitives101
Creating Paths, Splines, and Curves117
Using Shape References137
Chapter 5Painting and Drawing151
Working with Colors and Opacity151
Great Gradients!166
Studying Strokes183
Chapter 6The Basics of Text205
Where Is My [left angle bracket]text[right angle bracket]?205
Spanning Text210
Referencing Text213
Anchoring Text218
Setting Writing Modes228
Setting Font Properties232
Setting Spacing and Kerning Properties236
Putting Text on a Path239
Using Text and CSS243
Chapter 7Incorporating Texture259
Getting Image Conscious259
Using Masking273
Creating Patterns286
Creating a Clipping Region295
Adding Special Effects with Filters304
Chapter 8Animating SVG359
SMIL: You're on SVG Camera360
Creating Simple Event-Driven Animations365
Introducing Event Bubbling and Cascading370
Animating Key Presses376
Animating Simple Motion380
Creating Motions on a Path384
Swapping Graphics392
Animating Color400
Animating Transformations407
Animating Gradients414
Creating an Animated Stopwatch420
Chapter 9Integrating SVG and HTML431
Introducing Anchors and Links432
Cursors, Foiled Again!439
Using SVG and the [left angle bracket]embed[right angle bracket] Tag442
Working with wmode446
Understanding SVG Events and JavaScript450
Interacting with Web Pages457
Controlling the Title Bar466
Passing Attributes into SVG from HTML469
Chapter 10SVG Components475
Gauging Your Progress477
Scrolling On Down the Boulevard492
Loading External Libraries504
Formatting Blocks of Text515
Building a Slide Show Application525
Chapter 11The Future of SVG545
SVG on the Road: SVG 1.0 Tiny, Basic, and Full547
Imagining the Future556
Looking under the Hood558

Customer Reviews

Average Review:

Post to your social network


Most Helpful Customer Reviews

See all customer reviews

SVG Programming: The Graphical Web 5 out of 5 based on 0 ratings. 2 reviews.
PhooBar More than 1 year ago
I thought the book was great. I had researched SVG on the web and found some good sites, but nothing that ever put it all together. This author is very readable, i.e. his chapters seem to flow very well. I had a lot of questions about SVG going in. I had to devote several weeks of concentrated reading time to get through it. It was well worth it, since it is not a 'intuitive' topic. I feel like I came away with at least as much new knowledge and insight as I would expect from a semester or two of classes. You will too, if you are looking for a solid, in-depth foundation in SVG and how to use it. Expect to put in some effort reading this book and working through examples. His are wide-ranging and give a good insight. If there is any fault, it's that the book was published over a decade ago, and browsers have changed a lot in how they handle SVG. So some of the examples, and sample code may be getting a bit dated where the browsers have since implemented HTML5 and better support for SVG.
Guest More than 1 year ago
If you have reading the review of this book, you obviously have heard a little something about Scalable Vector Graphics. You may have heard that SVG is an exciting new technology developed by the W3C and a group of corporate partners that include Adobe, Corel, and Kodak. You may have heard that SVG is an XML-based language that you can use to create and animate graphics and that it offers high-resolution for printing or Web browsers, but the file sizes are amazingly small. And you have probably heard a word or two about the comparisons between Flash and SVG. Yes, the buzz is starting to build about SVG. But I am here to tell you that SVG is everything the hype has it made out to be, and more. It is not fad, or the language nouveau of the day, but part of a new way to build computer systems using open XML standards. And what is a computer system without a way to present information graphically? Thus, SVG was born. Well, it was not really born, but it is something that has slowly matured from various other formats and ideas at the W3C over the past couple years. Out of this slowly evolving process developed a grassroots movement to educate the masses about this really cool graphics format. Enter Kurt Cagle. Kurt Cagle: He is the author or coauthor of 14 books and a couple hundred articles on XML, XSLT, and Web-related technologies and open-source issues. I have known Kurt for quite some time now, through various discussions on the Web and from his books and articles. This book is not a rehash of the W3C¿s SVG specification (you can go to the Web and read that for free), but it is a book of SVG programming how-to exercises and best practices. Kurt does a good job keeping the reader¿s attention through what can be a dry subject (if you do not believe me, try reading the SVG specification). This book is geared toward the developer, but it could also be used by a graphics artist who likes to dabble in programming. The first half of the book covers the SVG basics, without delving too deeply in the gory details of the SVG specification. The second half is all about different programming techniques. I use the word programming loosely because XML and SVG start to blur the traditional definition of programming. By the end of the book Kurt gives you a little taste of the future. You see, SVG by itself is pretty cool and worth learning, but combining SVG along with other formats (such as XHTML, XSLT, SMIL, and MathML) and scripting languages (such as JavaScript or ECMAScript) is where the future lies. There is an old saying that a picture is worth a thousand words, but with SVG, the picture is constructed of a thousand words.