|
1 <?xml version="1.0"?> |
|
2 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100"> |
|
3 <defs> |
|
4 <pattern id="patternRotated" width="1" height="1" |
|
5 patternTransform="rotate(45 50 50)"> |
|
6 <rect width="50" height="50" fill="blue"/> |
|
7 <rect x="50" width="50" height="50" fill="red"/> |
|
8 <rect y="50" width="50" height="50" fill="red"/> |
|
9 <rect x="50" y="50" width="50" height="50" fill="blue"/> |
|
10 </pattern> |
|
11 <pattern id="patternNotRotated" width="1" height="1"> |
|
12 <rect width="50" height="50" fill="blue"/> |
|
13 <rect x="50" width="50" height="50" fill="red"/> |
|
14 <rect y="50" width="50" height="50" fill="red"/> |
|
15 <rect x="50" y="50" width="50" height="50" fill="blue"/> |
|
16 </pattern> |
|
17 </defs> |
|
18 <rect width="100" height="100" stroke="black" fill="url(#patternRotated)"/> |
|
19 <g transform="translate(100)"> |
|
20 <rect width="100" height="100" stroke="black" fill="url(#patternRotated)"/> |
|
21 </g> |
|
22 <g transform="translate(200)"> |
|
23 <rect width="100" height="100" stroke="black" fill="url(#patternNotRotated)"/> |
|
24 </g> |
|
25 </svg> |