電子抵抗のシンボルを表すマウスSVGパスで操作しようとしています。この記号は、「リード」の端で操作する必要があります (実際の抵抗を想像できる場合)。したがって、最初のポイントをドラッグして(2番目はまだそこにあります)、パスのすべてのポイントにドラッグして、新しい座標で最初のポイントをドラッグすると比例して動作するようにしようとしています。
グループ化して、三角関数を試してみてください...コードは次のようになります。
`<g id="r" > <!-- R - group for symbol of electronics resistor -->
<path d="M 200 20 v80 h30 v150 h-60 v-150 h30 m 0 150 v80 "
fill="none" stroke="blue" stroke-width="5" />
<circle cx="200" cy="20" r="10"
fill="blue" />
<circle cx="200" cy="330" r="10"
fill="blue"/>
</g>`
助けてください。