title: Display <svg> in iOS Browser using <html> without the use of the <embed> Tag
body: <p>Is it possible to display <code>&lt;svg&gt;</code> content inside an <code>&lt;html&gt;</code> in an iOS browser <strong>without the use of the <code>&lt;embed&gt;</code> or <code>&lt;img&gt;</code> tags</strong> which require me to store the  <code>&lt;svg&gt;</code> content in a separate file?</p>
  
  <p>The embedding of <code>&lt;svg&gt;</code> content inside <code>&lt;html&gt;</code> seems to work on all other modern browsers (IE9, Chrome, even Safari on Window!).</p>
  
  <p>I have found some references that suggest changing the content-type to <code>'text/xml'</code> might work, but I am not able to change it as my code is running as part of a mobile server control in SharePoint 2010.</p>
  
  <p>My page contains several <code>&lt;svg&gt;</code> areas, each of which displays a simple graph. The data for these graphs is stored in a serialized object which needs to be deserialized before the svg polylines can be drawn. Since the deserialization process is time-consuming I prefer to do it once and generate all graphs in a single pass, rather than generating resource references to individual svg files which can be referenced by an <code>&lt;embed&gt;</code> tag.</p>
  
  <p><strong>Edit:</strong> <a href="http://davidbcalhoun.com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-input-type-support-web-workers-ecmascript-5" rel="nofollow">There are indications</a> that inline <code>&lt;svg&gt;</code> is supported in iOS5.</p>