title: Creating an SVG DOM element from a String
body: <p>How would I go about creating an SVG DOM element from a <code>String</code>?</p>
  
  <p>Example:</p>
  
  <pre><code>var svgStr = '&lt;svg width="500" height="400" xmlns="http://www.w3.org/2000/svg"&gt;&lt;!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ --&gt;&lt;g&gt;&lt;title&gt;background&lt;/title&gt;&lt;rect fill="#fff" id="canvas_background" height="402" width="502" y="-1" x="-1"/&gt;&lt;g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid"&gt;&lt;rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/&gt;&lt;/g&gt;&lt;/g&gt;&lt;g&gt;&lt;title&gt;Layer 1&lt;/title&gt;&lt;path id="svg_1" d="m118,242l64,-153l63,157c0,0 45,-71 49,-68c4,3 11,146 12,146c1,0 -173,-7 -173,-7c0,0 -61,-72 -61,-72c0,0 110,-156 46,-3z" fill-opacity="0.7" stroke-width="2" stroke="#995757" fill="#995757"/&gt;&lt;/g&gt;&lt;/svg&gt;';
  </code></pre>