• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Patterns

Note

You must have the SVG viewer 3.0 and higher to view patterns.


Objects can be filled with interesting patterns in SVG. To create a pattern, use the <pattern> element, then define the pattern as a drawing within that element. Like gradients, patterns are defined within the <defs> element. The <pattern> element is then given an id value and is referenced by either the fill or stroke value of an object. Figure 5-14 shows a pattern applied to an ellipse.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint