Beginning SVG: A Practical Introduction to SVG using Real-World Examples

Develop SVG functionality for use within websites quickly and natively, using basic tools such as HTML and CSS. This book is a project-oriented guide to creating and manipulating scalable vector graphics in the browser for websites or online applications, using little more than a text editor or free software, and the power of JavaScript.

You’ll use a starting toolset to incorporate into your existing workflow, develop future projects, and reduce any dependency on graphics applications for simple projects. This book is an excellent resource for getting acquainted with creating and manipulating SVG content.

We live in an age where speed and simplicity are of the essence. Beginning SVG provides a perfect alternative when creating web-based projects that challenges the norm and encourages you to expand your resources and not resort to what “everyone else uses” (such as Illustrator). You’ll discover that there is indeed a different way to achieve the same result. Stop thinking you must always resort to using graphics packages; there is always another way!

What You’ll Learn

• Create powerful, optimized content that can be quickly and easily manipulated within the browser
• Get up to speed with SVG quickly, with minimal effort and maximum results
• See how easy it is to apply SVG content and effects, without the need for lots of additional tools.

Who This Book Is For

Website developers and agile development teams who are keen to learn how to add and manipulate SVG quickly.

Table of Contents

Part I: Getting Started
Chapter 1: Introducing SVG
Chapter 2: Adding SVG Content to a Page

Part II: In More Detail
Chapter 3: Working with Images and Text
Chapter 4: Sizing SVG
Chapter 5: Creating Filters
Chapter 6: Animating Content
Chapter 7: Optimizing SVG

Part III: Putting SVG to Use
Chapter 8: Creating SVG Charts
Chapter 9: Incorporating SVG Libraries
Chapter 10: Taking It Further