Designing SVG Web Graphics

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. ...