O'Reilly logo

Designing SVG Web Graphics by Andrew H. Watt

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Planning Your Text and Graphics

One key issue you need to decide at some stage in a project is which aspects of your images and text on a Web page share colors or other CSS2 properties. Depending on how you plan a site, you can do this at an early stage, while the site is being created, or you can do it after the design is final and you know which colors are shared between text and graphics. It all depends on how you work.

Using styling basics

SVG uses styling properties in three basic ways. The first is to define color or other obviously visual properties. The second is to define parameters, like font-family and font-size. The third is to define aspects of SVG filters and clipping paths, for example, that affect how an SVG element is rendered. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required