pattern-css-transform.html (491B)
1 <style> 2 #rec1 { 3 transform: scale(.6,.6); 4 } 5 #rec2 { 6 transform: translate(40px,40px) scale(.2,.2); 7 } 8 </style> 9 <svg width="200" height="200"> 10 <defs> 11 <pattern id="Pattern" x="0" y="0" width=".25" height=".25"> 12 <rect id="rec1" x="0" y="0" width="50" height="50" fill="skyblue"/> 13 <g> 14 <rect id="rec2" x="0" y="0" width="50" height="50" fill="skyblue"/> 15 </g> 16 </pattern> 17 </defs> 18 19 <rect fill="url(#Pattern)" stroke="black" width="200" height="200"/> 20 </svg>