Building Web Applications with SVG

Chapter 2. Creating and Editing SVG Graphics

Order becomes beauty beyond infinite planes and the undeciphered dense text a mosaic flower, fiery, chaos tamed in fullness, spring.

— Orides Fontela

In this chapter:

Creating Basic Vector Shapes

Paths in SVG

An Example of Building Complex Shapes

Accessing and Reusing Graphics

Creating Patterns

Case Study: Designing a Reusable Pattern

By the end of this chapter, you will have explored the core concepts and practiced the basic skills to begin tapping into your visual creativity. One great thing about programming graphics is that you can usually visualize your work almost immediately. To demonstrate this, you’ll walk through a process that uses all of the basic shape elements of SVG. As a teaser, here’s a look ...