Chapter 7. SVG: responsive in-browser graphics

Chapter 7 at a glance

Topic

Description, methods, and so on

Page
Setting up SVG Overview of basic setup for using SVG  
 
  • Vector vs. bitmap
  • <svg> configuration
  • CSS for SVG and DOM
200 204 205
SVG tags How to create shapes with the XML syntax  
 
  • Basic shapes
  • Gradients and <g>
  • <text> and animation
  • XLink
  • Paths for advanced shapes
  • viewBox
206 207 208 208 209 211
JavaScript usage Advanced usage with JavaScript and SVG  
 
  • XML namespacing
  • SVG libraries
  • Simple design pattern
  • Dynamically generating a large SVG group
  • Generating SVG paths via software
  • CSS for SVG animation
  • getBBox()
212 213 216 227 228 229 231
Canvas vs. SVG Using SVG vs. ...

Get HTML5 in Action now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial