<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg x="100" y="100" width="10cm" height="10cm" version="1.1" xmlns="http://www.w3.org/2000/svg" >
<g>
<rect x="100" y="100"  width="0.1cm" height="1cm" fill="white" stroke="red" stroke-width="1"/>
<text x="100" y="100" font-size="10">Cell1</text>
</g>
</svg>
上面的程式碼可以正確的在畫布上畫出圖形和文字.  因為圖案和文字是一體的, 以滑鼠游標移動圖案的時候, 希望文字也跟著移動(可以針對g01來改變座標即可). 所以我希望將<g>改成如下所示, 因為座標一致. 但是下面的程式碼並無法在正確座標的畫出圖形和文字, 請問問題出在哪? 該如何做才能讓文字和圖案在SVG中成為一體?  請幫幫忙, 謝謝!!

<g id="g01" x="100" y="100">
<rect   width="0.1cm" height="1cm" fill="white" stroke="red" stroke-width="1"/>
<text  font-size="10">Cell1</text>
</g>