title: How to calculate x an y coordinates of svg text from an div to svg element using jquery or javascript?
body: <p>I am using custom designer tool which will have multiple svg element. I need to calculate x and y axis from div element to svg tag how to achieve this. please guide me to resolvet this.</p>
  
  <p>For example:</p>
  
  <pre><code>    &lt;div class="design-area" style="height: 500px; width: 500px; left: 0px; top: 52%; border-radius: 0px; margin: 0px auto; right: 0px; transform: translateY(-50%); overflow: visible;"&gt;
          &lt;svg width="219" height="109" viewBox="0 0 219 109"&gt;
  &lt;text&gt;adsfasdf
  &lt;/text&gt;&lt;/svg&gt;
       &lt;svg width="219" height="109" viewBox="0 0 219 109"&gt;
  &lt;text&gt;adsfasdf
  &lt;/text&gt;&lt;/svg&gt;
          &lt;/div&gt;
  </code></pre>