SVG画多种不同的图形

SVG的的元素g的作用是：用于把相关元素进行组合的容器元素。意思就是说可以在<g>标签内画多种图形，一下代码是是在g标签内画一个圆和一个矩形。

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g width="100%" height="100%">
<circle cx="100"  cy="100" r="20" stroke="black" stroke-width="2" fill="red" />
<rect x="200" y="200" width="20" height="20" stroke="black" stroke-width="2" fill="red" />
</g>
</svg>