HTML and CSS Reference
In-Depth Information
Figure 14-3: SVG patterns.
Listing 14-3: An example SVG pattern
<html lang="en">
<meta charset="UTF-8">
<title>SVG Patterns</title>
<svg id="mysvg" xmlns="" version="1.1"
width="800" height="800" >
<pattern id="pattern-test" patternUnits="userSpaceOnUse"
x="0" y="0" width="50" height="50"
viewBox="0 0 10 10" >
<circle cx="5" cy="5" r="5" fill="black" />
<polyline points="0,0 10,10" stroke="white" stroke-width="2"/>
<ellipse fill="url(#pattern-test)" stroke="black" stroke-width="5"
cx="400" cy="200" rx="350" ry="150" />
Again the full specification has some less-used options you can take a look at that this topic doesn't have
space to cover.
Search WWH ::

Custom Search