SVG Essentials. 2nd Edition - Helion

ebook

Autor: J. David Eisenberg, Amelia Bellamy-Royds
ISBN: 978-14-919-4532-2
stron: 366, Format: ebook
Data wydania: 2014-10-22
Księgarnia: Helion

Cena książki: 118,15 zł (poprzednio: 137,38 zł)
Oszczędzasz: 14% (-19,23 zł)

Osoby, które kupiły tę książkę, wybierały także »

Tagi: Technologie webowe

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

Osoby które kupowały "SVG Essentials. 2nd Edition", wybierały także:

Time Is Money. The Business Value of Web Performance 74,99 zł, (63,74 zł -15%)
SVG Text Layout. Words as Art 94,99 zł, (80,74 zł -15%)
Discussing Design. Improving Communication and Collaboration through Critique 94,99 zł, (80,74 zł -15%)
Knockout.js. Building Dynamic Client-Side Web Applications 74,99 zł, (63,74 zł -15%)
Responsive & Fast. Implementing High-Performance Responsive Design 54,99 zł, (46,74 zł -15%)

Spis treści

SVG Essentials. 2nd Edition eBook -- spis treści

SVG Essentials
Dedication
Preface
- Who Should Read This Book?
- Who Should Not Read This Book?
- If Youre Still Reading This
- About the Examples
- Organization of This Book
- Conventions Used in This Book
- Safari Books Online
- How to Contact Us
- Acknowledgments for the First Edition
- Acknowledgments for the Second Edition
1. Getting Started
- Graphics Systems
  - Raster Graphics
  - Vector Graphics
  - Uses of Raster Graphics
  - Uses of Vector Graphics
- Scalability
- SVGs Role
- Creating an SVG Graphic
  - Document Structure
  - Basic Shapes
  - Specifying Styles as Attributes
  - Grouping Graphic Objects
  - Transforming the Coordinate System
  - Other Basic Shapes
  - Paths
  - Text
2. Using SVG in Web Pages
- SVG as an Image
  - Including SVG in an <img> Element
  - Including SVG in CSS
- SVG as an Application
- SVG Markup in a Mixed Document
  - Foreign Objects in SVG
  - Inline SVG in XHTML or HTML5
  - SVG in Other XML Applications
3. Coordinates
- The Viewport
- Using Default User Coordinates
- Specifying User Coordinates for a Viewport
- Preserving Aspect Ratio
  - Specifying Alignment for preserveAspectRatio
  - Using the meet Specifier
  - Using the slice Specifier
  - Using the none Specifier
- Nested Systems of Coordinates
4. Basic Shapes
- Lines
- Stroke Characteristics
  - stroke-width
  - Stroke Color
  - stroke-opacity
  - stroke-dasharray Attribute
- Rectangles
  - Rounded Rectangles
- Circles and Ellipses
- The <polygon> Element
  - Filling Polygons That Have Intersecting Lines
- The <polyline> Element
- Line Caps and Joins
- Basic Shapes Reference Summary
  - Shape Elements
  - Specifying Colors
  - Stroke and Fill Characteristics
5. Document Structure
- Structure and Presentation
- Using Styles with SVG
  - Inline Styles
  - Internal Stylesheets
  - External Stylesheets
  - Presentation Attributes
- Grouping and Referencing Objects
  - The <g> Element
  - The <use> Element
  - The <defs> Element
  - The <symbol> Element
  - The <image> Element
6. Transforming 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
7. Paths
- moveto, lineto, and closepath
- Relative moveto and lineto
- Path Shortcuts
  - The Horizontal lineto and Vertical lineto Commands
  - Notational Shortcuts for a Path
- Elliptical Arc
- Converting from Other Arc Formats
- Bézier Curves
  - Quadratic Bézier Curves
  - Cubic Bézier Curves
- Path Reference Summary
- Paths and Filling
- The <marker> element
- Marker Miscellanea
8. Patterns and Gradients
- Patterns
  - patternUnits
  - patternContentUnits
  - Nested Patterns
- Gradients
  - The linearGradient Element
    - The <stop> element
    - Establishing a transition line for a linear gradient
    - The spreadMethod attribute
  - The radialGradient Element
    - Establishing transition limits for a radial gradient
    - The spreadMethod attribute for radial gradients
  - Gradient Reference Summary
- Transforming Patterns and Gradients
9. Text
- Text Terminology
- Simple Attributes and Properties of the <text> Element
- Text Alignment
- The <tspan> Element
- Setting textLength
- Vertical Text
- Internationalization and Text
  - Unicode and Bidirectionality
  - The <switch> Element
  - Using a Custom Font
- Text on a Path
- Whitespace and Text
- Case Study: Adding Text to a Graphic
10. Clipping and Masking
- Clipping to a Path
- Masking
- Case Study: Masking a Graphic
11. Filters
- How Filters Work
- Creating a Drop Shadow
  - Establishing the Filters Bounds
  - Using <feGaussianBlur> for a Drop Shadow
  - Storing, Chaining, and Merging Filter Results
- Creating a Glowing Shadow
  - The <feColorMatrix> Element
  - More About the <feColorMatrix> Element
- The <feImage> Filter
- The <feComponentTransfer> Filter
- The <feComposite> Filter
- The <feBlend> Filter
- The <feFlood> and <feTile> Filters
- Lighting Effects
  - Diffuse Lighting
  - Specular Lighting
- Accessing the Background
- The <feMorphology> Element
- The <feConvolveMatrix> Element
- The <feDisplacementMap> Element
- The <feTurbulence> Element
- Filter Reference Summary
12. Animating SVG
- Animation Basics
- How Time Is Measured
- Synchronizing Animation
- Repeated Action
- Animating Complex Attributes
- Specifying Multiple Values
- Timing of Multistage Animations
- The <set> Element
- The <animateTransform> Element
- The <animateMotion> Element
- Specifying Key Points and Times for Motion
- Animating SVG with CSS
  - Animation Properties
  - Setting Animation Key Frames
  - Animating Movement with CSS
13. Adding Interactivity
- Using Links in SVG
- Controlling CSS Animations
- User-Triggered SMIL Animations
- Scripting SVG
  - Events: An Overview
  - Listening for and Responding to Events
  - Changing Attributes of Multiple Objects
  - Dragging Objects
  - Interacting with an HTML Page
  - Creating New Elements
14. Using 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
  - Clicking Objects
  - Dragging Objects
15. Generating SVG
- Converting Custom Data to SVG
- Using XSLT to Convert XML Data to SVG
  - Defining the Task
  - How XSLT Works
  - Developing an XSL Stylesheet
A. The XML You Need for SVG
- What Is XML?
- Anatomy of an XML Document
  - Elements and Attributes
  - Name Syntax
  - Well-Formed
  - Comments
  - Entity References
  - Character References
- Character Encodings
  - Unicode Encoding Schemes
  - Other Character Encodings
- Validity
  - Document Type Definitions (DTDs)
  - Putting It Together
- XML Namespaces
- Tools for Processing XML
  - Selecting a Parser
  - XSLT Processors
B. Introduction to Stylesheets
- Anatomy of a Style
- Inline Styles: The style Attribute
- Internal Stylesheets
- Style Selector Classes
- Using CSS with SVG
C. Programming Concepts
- Constants
- Variables
- Assignment and Operators
- Arrays
- Comments
- Conditional Statements
- Repeated Actions
- Functions
- Objects, Properties, and Methods
- What, Not How
D. Matrix Algebra
- Matrix Terminology
- Matrix Addition
- Matrix Multiplication
- How SVG Uses Matrix Algebra for Transformations
E. Creating Fonts
- The ttf2svg Utility
F. Converting Arcs to Different Formats
- Converting from Center and Angles to SVG
- Converting from SVG to Center and Angles
Index
About the Authors
Colophon
Copyright