title: SVG/VML vs Canvas vs HTML - Mobile
body: <p>I am looking at building a fairly simple map (I'd say maybe 100 objects) that are shown/changed color and have onclick (mobile) mouseover (desktop) events that show another object. I am looking at the following.</p>
  
  <ol>
  <li>Canvas</li>
  <li>SVG/VML</li>
  <li>JS/HTML</li>
  </ol>
  
  <p>But my problem is I need to somehow support</p>
  
  <ol>
  <li>IE (7-10)</li>
  <li>Chrome</li>
  <li>Firefox</li>
  <li>Blackberry 6-7</li>
  <li>Windows Mobile 7 (IE9)</li>
  <li>iOS</li>
  <li>Android 2.3+ (no svg)</li>
  </ol>
  
  <p>And I can't seem to find a single system that could support all of those, Android doesn't support SVG, Mobile browsers seem to be very slow with canvas, IE 7-8 doesn't support canvas, HTML doesn't support "shapes" without the use of images, and would require swapping images, which would be not very good visually... yada yada yada...</p>
  
  <p>Is there any idea how I could build once for all of these? I was thinking it may be better to do Canvas (mobile) &amp; SVG (desktop). But upon testing mobile it seems that canvas is massively slow.</p>
  
  <p>Is there any libraries or systems that may help?</p>