SVG Essentials / Edition 2

SVG Essentials / Edition 2

by J. David Eisenberg, Amelia Bellamy-Royds
     
 

View All Available Formats & Editions

ISBN-10: 1449374352

ISBN-13: 9781449374358

Pub. Date: 10/30/2014

Publisher: O'Reilly Media, Incorporated

Learn the essentials of Scalable Vector Graphics, the mark-up language used by most vector drawing programs and interactive web graphics tools. SVG Essentials takes you through SVG’s capabilities, beginning with simple line drawings and moving through complicated features such as filters, transformations, gradients, and patterns.

This thoroughly

Overview

Learn the essentials of Scalable Vector Graphics, the mark-up language used by most vector drawing programs and interactive web graphics tools. SVG Essentials takes you through SVG’s capabilities, beginning with simple line drawings and moving through complicated features such as filters, transformations, gradients, and patterns.

This thoroughly updated edition includes expanded coverage of animation, interactive graphics, and scripting SVG. Interactive examples online make it easy for you to experiment with SVG features in your web browser. Geared toward experienced designers, this book also includes appendices that explain basic concepts such as XML markup and CSS styling, so even if you have no web design experience, you can start learning SVG.

  • Create and style graphics to match your web design in a way that looks great when printed or displayed on high-resolution screens
  • Make your charts and decorative headings accessible to search engines and assistive technologies
  • Add artistic effects to your graphics, text, and photographs using SVG masks, filters, and transformations
  • Animate graphics with SVG markup, or add interactivity with CSS and JavaScript
  • Create SVG from existing vector data or XML data, using programming languages and XSLT

Product Details

ISBN-13:
9781449374358
Publisher:
O'Reilly Media, Incorporated
Publication date:
10/30/2014
Pages:
366
Sales rank:
830,760
Product dimensions:
7.00(w) x 9.10(h) x 0.90(d)

Related Subjects

Table of Contents

Prefacexi
1.Getting Started1
Graphics Systems1
Scalability4
SVG's Role6
Creating an SVG Graphic7
2.Coordinates15
The Viewport15
Using Default User Coordinates16
Specifying User Coordinates for a Viewport17
Preserving Aspect Ratio20
Nested Systems of Coordinates24
3.Basic Shapes27
Lines27
Stroke Characteristics28
Rectangles32
Circles and Ellipses35
The polygon Element36
The polyline Element38
Line Caps and Joins39
Basic Shapes Reference Summary41
4.Document Structure44
Structure and Presentation44
Using Styles with SVG45
Document Structure--Grouping and Referencing Objects49
5.Transforming the Coordinate System57
The translate Transformation57
The scale Transformation59
Sequences of Transformations63
Technique: Converting from Cartesian Coordinates65
The rotate Transformation68
Technique: Scaling Around a Center Point70
The skewX and skewY Transformations71
Transformation Reference Summary72
6.Paths74
Moveto, lineto, and closepath74
Relative moveto and lineto76
Path Shortcuts77
Elliptical Arc79
Technique: Converting from Other Arc Formats81
Bezier Curves87
Path Reference Summary93
Paths and Filling94
The marker element95
Marker Miscellanea99
7.Patterns and Gradients101
Patterns101
Gradients107
Transforming Gradients and Patterns116
8.Text118
Text Terminology118
Simple Attributes and Properties of the text Element119
Text Alignment122
The tspan element122
Setting textLength126
Vertical Text126
Internationalization and Text128
Text on a Path131
Whitespace and Text134
Case Study--Adding Text to a Graphic135
9.Clipping and Masking137
Clipping to a Path137
Masking141
Case Study--Masking a Graphic145
10.Filters147
How Filters Work148
Creating a Drop Shadow148
Creating a Glowing Shadow151
The feImage Filter155
The feComponentTransfer Filter156
The feComposite Filter161
The feBlend Filter164
The feFlood and feTile Filters165
Lighting Effects167
Accessing the Background172
The feMorphology Element173
The feConvolveMatrix Element174
The feDisplacementMap Element176
The feTurbulence Element178
Filter Reference Summary180
11.Animating and Scripting SVG183
Animation Basics183
How Time Is Measured186
Repeated Action188
The set Element189
The animateColor Element190
The animateTransform Element190
The animateMotion Element192
Using Links in SVG194
Scripting SVG195
12.Generating SVG217
Using Perl to Convert Custom Data to SVG218
Using Java to Convert XML to SVG223
Using XSLT to Convert XML Data to SVG241
13.Serving SVG Files258
Serving Web Files--The Task at Hand258
Partitioning the Task259
Setting up the Server275
A.The XML You Need for SVG277
B.Introduction to Stylesheets291
C.Programming Concepts299
D.Matrix Algebra309
E.Creating Fonts317
F.Using SVG with Other XML Applications320
Index327

Customer Reviews

Average Review:

Write a Review

and post it to your social network

     

Most Helpful Customer Reviews

See all customer reviews >