title: Why does my IE9 does not support canvas?
body: <p><a href="http://diveintohtml5.ep.io/canvas.html" rel="nofollow noreferrer">DiveIntoHTML5 Canvas</a> claims that IE9 supports canvas.</p>
  
  <p>However, when I tried doing canvas on IE9, it doesn't work:</p>
  
  <blockquote>
    <p>Object doesn't support property or method 'getContext'</p>
  </blockquote>
  
  <p>I'm using IE9.0.8112.16421:</p>
  
  <p><img src="https://i.stack.imgur.com/Wfj5d.gif" alt="enter image description here"></p>
  
  <p>This is the code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  
  &lt;/head&gt;
  &lt;body style="background:black;margin:0;padding:0;"&gt;
  &lt;canvas id="canvas" style="background:white;width:100%;height:100%;"&gt;noob&lt;/canvas&gt;
  &lt;script&gt;
  var img=new Image();
  img.onload=function(){
    var c=document.getElementById('canvas');
    var ctx = c.getContext('2d');
    var left,top;
    left=top=0;
    ctx.drawImage(img,left,top,20,20);
    var f=function(){
      left+=1;
      top+=1;
      c.width=c.width;
      ctx.drawImage(img,left,top,20,20);
    };
    setInterval(f,20);
  };
  img.src="http://a.wearehugh.com/dih5/aoc-h.png";
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>