Serving Paint
Chapter 5 introduces the concept of a paint server: complex graphics content that defines how other SVG shapes and text should be painted to the screen. It also introduces the solid color paint server, which is actually more useful than it may seem at first.
The links below will open the live example files or high-res PNG or JPEG screenshots in a new browser tab. Alternatively, you can download the entire collection as a zip archive or fork it as a GitHub repository. Be sure to read the O’Reilly Media policy on the use of example code.
- Figure 5-1 (understanding paint servers):
- Example 5-1 & Figure 5-2 (gradients for named colors):
- Example 5-2 & Figure 5-3 (using media queries to re-define named colors):
- SVG file (you'll need to print preview to see an effect)
- monochrome print version
- an SVG file with the monochrome styles applied for on-screen display
Return to the main table of contents.