SVG Essentials - J. David Eisenberg, Amelia Bellamy-Royds

SVG Essentials

Producing Scalable Vector Graphics with XML
Buch | Softcover
366 Seiten
2014 | 2nd Revised edition
O'Reilly Media (Verlag)
978-1-4493-7435-8 (ISBN)
35,95 inkl. MwSt
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

J. David Eisenberg is a programmer and instructor living in San Jose, California. David has a talent for teaching and explaining. He has developed courses for CSS, JavaScript, CGI, and beginning XML. He also teaches C and Perl at De Anza Community College in Cupertino. David has written articles for xml.com and alisapart.com on topics such as Javascript and the Document Object Model, XML validation, XSL Transformations and Formatting Objects, and (surprise) SVG. His on-line courses provide introductory tutorials for Korean, Modern Greek, and Russian. David has also been developing education software since 1975, when he worked with the Modern Foreign Language project at the University of Illinois to develop computer-assisted instruction on the PLATO system. He co-authored several of the in-box tutorials shipped with the venerable Apple II computer. David did the programming for the multimedia CD-ROM version of a series of children's stories, and the programming for beginning Algebra and Spanish discs. When not programming, David enjoys digital photography, reading science fiction, and riding his bicycle.

Chapter 1Getting Started
Graphics Systems
Scalability
SVG’s Role
Creating an SVG Graphic
Chapter 2Using SVG in Web Pages
SVG as an Image
SVG as an Application
SVG Markup in a Mixed Document
Chapter 3Coordinates
The Viewport
Using Default User Coordinates
Specifying User Coordinates for a Viewport
Preserving Aspect Ratio
Nested Systems of Coordinates
Chapter 4Basic Shapes
Lines
Stroke Characteristics
Rectangles
Circles and Ellipses
The Element
The Element
Line Caps and Joins
Basic Shapes Reference Summary
Chapter 5Document Structure
Structure and Presentation
Using Styles with SVG
Grouping and Referencing Objects
Chapter 6Transforming the Coordinate System
The translate Transformation
The scale Transformation
Sequences of Transformations
Technique: Converting from Cartesian Coordinates
The rotate Transformation
Technique: Scaling Around a Center Point
The skewX and skewY Transformations
Transformation Reference Summary
CSS Transformations and SVG
Chapter 7Paths
moveto, lineto, and closepath
Relative moveto and lineto
Path Shortcuts
Elliptical Arc
Converting from Other Arc Formats
Bézier Curves
Path Reference Summary
Paths and Filling
The element
Marker Miscellanea
Chapter 8Patterns and Gradients
Patterns
Gradients
Transforming Patterns and Gradients
Chapter 9Text
Text Terminology
Simple Attributes and Properties of the Element
Text Alignment
The Element
Setting textLength
Vertical Text
Internationalization and Text
Text on a Path
Whitespace and Text
Case Study: Adding Text to a Graphic
Chapter 10Clipping and Masking
Clipping to a Path
Masking
Case Study: Masking a Graphic
Chapter 11Filters
How Filters Work
Creating a Drop Shadow
Creating a Glowing Shadow
The Filter
The Filter
The Filter
The Filter
The and Filters
Lighting Effects
Accessing the Background
The Element
The Element
The Element
The Element
Filter Reference Summary
Chapter 12Animating SVG
Animation Basics
How Time Is Measured
Synchronizing Animation
Repeated Action
Animating Complex Attributes
Specifying Multiple Values
Timing of Multistage Animations
The Element
The Element
The Element
Specifying Key Points and Times for Motion
Animating SVG with CSS
Chapter 13Adding Interactivity
Using Links in SVG
Controlling CSS Animations
User-Triggered SMIL Animations
Scripting SVG
Chapter 14Using the SVG DOM
Determining the Value of Element Attributes
SVG Interface Methods
Constructing SVG with ECMAScript/JavaScript
Animation via Scripting
Using JavaScript Libraries
Event Handling in Snap
Chapter 15Generating SVG
Converting Custom Data to SVG
Using XSLT to Convert XML Data to SVG
Appendix The XML You Need for SVG
What Is XML?
Anatomy of an XML Document
Character Encodings
Validity
XML Namespaces
Tools for Processing XML
Appendix Introduction to Stylesheets
Anatomy of a Style
Inline Styles: The style Attribute
Internal Stylesheets
Style Selector Classes
Using CSS with SVG
Appendix Programming Concepts
Constants
Variables
Assignment and Operators
Arrays
Comments
Conditional Statements
Repeated Actions
Functions
Objects, Properties, and Methods
What, Not How
Appendix Matrix Algebra
Matrix Terminology
Matrix Addition
Matrix Multiplication
How SVG Uses Matrix Algebra for Transformations
Appendix Creating Fonts
The ttf2svg Utility
Appendix Converting Arcs to Different Formats
Converting from Center and Angles to SVG
Converting from SVG to Center and Angles

Erscheint lt. Verlag 2.12.2014
Verlagsort Sebastopol
Sprache englisch
Maße 178 x 233 mm
Gewicht 599 g
Einbandart Paperback
Themenwelt Informatik Grafik / Design Digitale Bildverarbeitung
Informatik Programmiersprachen / -werkzeuge XML
Informatik Web / Internet Web Design / Usability
Schlagworte Bildbearbeitung • SVG (Scalable Vector Graphics) • XML
ISBN-10 1-4493-7435-2 / 1449374352
ISBN-13 978-1-4493-7435-8 / 9781449374358
Zustand Neuware
Haben Sie eine Frage zum Produkt?
Wie bewerten Sie den Artikel?
Bitte geben Sie Ihre Bewertung ein:
Bitte geben Sie Daten ein:
Mehr entdecken
aus dem Bereich