geometry-properties-in-css-ref.html (887B)
1 <!doctype html> 2 <svg width="800" height="600"> 3 <g> 4 <rect x="40" y="40" width="100" height="100" rx="30" ry="30" fill="purple" /> 5 <rect x="40" y="150" width="30" height="200" rx="20" ry="20" fill="magenta" /> 6 </g> 7 <circle cx="170" cy="340" r="70px" fill="pink" /> 8 <g> 9 <circle cx="230" cy="130" r="70px" fill="skyblue" /> 10 </g> 11 <svg x="300" width="200" height="200" viewBox="0 0 100 100"> 12 <ellipse cx="30" cy="100" rx="20" ry="40" fill="cyan" /> 13 <ellipse cx="80" cy="50" rx="20" ry="40" fill="navy" /> 14 </svg> 15 <foreignObject x="450" y="200" width="80" height="130"> 16 <svg> 17 <rect width="50" height="50" rx="4" ry="4" fill="brown" /> 18 </svg> 19 </foreignObject> 20 <rect x="300" y="260" width="50" height="50" fill="red" /> 21 <defs> 22 <rect id="r3" width="80" height="80" fill="skyblue" /> 23 </defs> 24 <use x="400" y="310" href="#r3"/> 25 </svg>