title: JavaScript createElementNS and SVG
body: <p>I want to create inline SVG graphics using Javascript.</p>
  <p>However, it seems like <code>createElementNS</code> function applies some normalization and transforms all tags to lowercase. That is fine for HTML but not for XML/SVG. The NS I used is <a href="http://www.w3.org/2000/svg" rel="noreferrer">http://www.w3.org/2000/svg</a>.</p>
  <p>In particular I have problems creating a  element. As it will be appended as <code>&lt;textpath&gt;</code> and thus will not work.</p>
  <p>I did some search but could not find a solution yet.</p>
  <p>Does anybody know a solution?</p>
  <pre><code>document.createElementNS(&quot;http://www.w3.org/2000/svg&quot;,&quot;textPath&quot;);
  </code></pre>
  <p>results in</p>
  <pre><code>&lt;textpath&gt;&lt;/textpath&gt;
  </code></pre>