title: How to move an svg-object to new coordinates
body: <p>again a question to svg-objects.</p>
  
  <p>let's imagine I have two lines, grouped by g-tag:</p>
  
  <pre><code>&lt;g id="a29"&gt;
    &lt;line class="hotwater graphic" x1="280" y1="50" x2="550" y2="50" id="g29"&gt;&lt;/line&gt;
    &lt;line class="hotwater graphic" x1="280" y1="70" x2="550" y2="70" id="g29"&gt;&lt;/line&gt;
  &lt;/g&gt;
  </code></pre>
  
  <p>I move these Lines, by dragging the mouse and assigning a transformation to the group, so I get this:</p>
  
  <pre><code>&lt;g id="a29" transform="translate(10 90)"&gt;
    &lt;line class="hotwater graphic" x1="280" y1="50" x2="550" y2="50" id="g29"&gt;&lt;/line&gt;
    &lt;line class="hotwater graphic" x1="280" y1="70" x2="550" y2="70" id="g29"&gt;&lt;/line&gt;
  &lt;/g&gt;
  </code></pre>
  
  <p>Now I want to save the lines to a database and for this, I want to add the translation to the points of the lines. Of course, I can change point by point but what, if I have a polyline or rectangle?</p>
  
  <p>Isn't there a way to correct these positioning points in one step, independent of the svg-type?
  Perhaps d3js offers such a function?</p>
  
  <p>Thanks Carsten</p>