Tiles and Textures
Chapter 10 introduces the <pattern>
element, which creates repeating tiles and textures.
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.
- Example 10-1 & Figure 10-1 (striped pattern with default units):
- Example 10-2 & Figure 10-2 (photo-overlay grid with fixed stripe width):
- Example 10-3 & Figure 10-3 (striped pattern with bounding box units):
- Example 10-4 & Figure 10-4 (striped pattern with user-space units):
- Example 10-5 & Figure 10-5 (fish-scale pattern):
- Example 10-6 & Figure 10-6 (pinstripe patterns):
- Example 10-7 & Figure 10-7 (triangle and argyle patterns):
Return to the main table of contents.