Text 如何将文本绑定到svg rect？

以下代码实际上将文本包装在矩形上。 但是，当我想拖动矩形时，我也希望同时拖动文本，也就是说，拖放时文本必须绑定到矩形

请帮帮我

<svg xmlns="http://www.w3.org/2000/svg">
 <g id='Propositions'>
      <rect id='Proposition1' x='50' y='50' width='100' height='30' style='fill:#8FBC8F; '/>
      <text x="55" y="72" font-family="Verdana" font-size="14" fill="black" > Proposition1</text>
 </g>
</svg>

命题1

提前感谢..

拖动

元素（parentNode），而不是rect。这将在拖放事件中包括文本

e、 g

命题1
函数dragMe（evt）
{
myG=evt.target.parentNode
myG.setAttribute（“变换”、“平移”（+transX+“”+transY+“”））
}

问题中实际缺少该代码。请向我们展示您用于拖动的代码。

 <g id='Propositions'>
      <rect id='Proposition1' onmousemove=dragMe(evt) x='50' y='50' width='100' height='30' style='fill:#8FBC8F; '/>
      <text pointer-events=all x="55" y="72" font-family="Verdana" font-size="14" fill="black" > Proposition1</text>
 </g>

function dragMe(evt)
{
myG=evt.target.parentNode
myG.setAttribute("transform", "translate("+transX+" "+transY+")")
}