title: Trying to rotate and transform SVG path - do I need trigonometry calculations?
body: <p>I'm trying to manipulate with mouse SVG path which represents symbol of electronics resistor. This symbol requires manipulation with end of the "leads" (if you can picture real resistor); therefore I am trying to achieve draging 1st point arround (2nd is still there) and to all points of path to behave proportionally in when drag the 1st point on new coordinates.</p>
  
  <p>Try to group, try with trigonometry functions...so code is like:</p>
  
  <pre><code>   `&lt;g id="r" &gt;    &lt;!-- R - group for symbol of electronics resistor --&gt;
      &lt;path d="M 200 20 v80 h30 v150 h-60 v-150 h30 m 0 150 v80 "
      fill="none" stroke="blue" stroke-width="5" /&gt;
      &lt;circle  cx="200" cy="20" r="10"
      fill="blue"   /&gt;
      &lt;circle  cx="200" cy="330" r="10"
      fill="blue"/&gt;
      &lt;/g&gt;`
  </code></pre>
  
  <p>Please, help.</p>