title: Object doesn't support property or method 'getContext' in below IE 9 versions
body: <p>I am using canvas element to draw curve along with text. It is working fine in chrome, Firefox, IE 9. But in IE 8,7 this is not working. Showing the error like:</p>
  
  <blockquote>
    <p>SCRIPT438: Object doesn't support property or method 'getContext'</p>
  </blockquote>
  
  <hr>
  
  <p>I searched in Google then i found <code>Excanvas.js</code> will figure out this problem, but I am getting the same error.</p>
  
  <p>Thank you.</p>
  
  <p><code>&lt;head&gt;&lt;!--[if IE]&gt;&lt;script src="js/excanvas.js"&gt;&lt;/script&gt;&lt;![endif]--&gt;&lt;/head&gt;</code></p>
  
  <p>My html canvas code:</p>
  
  <pre><code>&lt;canvas id="myCanvas" width="679" height="290"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>My js code:</p>
  
  <pre><code>function drawTextAlongArc(context, str, centerX, centerY, radius, angle) {
      var len = str.length, s;
  
      context.save();            
      context.translate(centerX, centerY);            
      context.rotate(-1 * angle / 2);            
      context.rotate(-1 * (angle / len) / 2);            
  
      for(var n = 0; n &lt; len; n++) {              
         context.rotate(angle / len);        
         context.save();
         context.translate(0, -1 * radius);
  
         s = str[n];              
         context.fillText(s, 0, 0);        
         context.restore();
      }    
      context.restore();
  }
  
  var canvas = document.getElementById('myCanvas'),             
      context = canvas.getContext('2d'),            
      centerX = canvas.width / 2,            
      centerY = canvas.height + 40,            
      angle = Math.PI * 0.8,            
      radius = 250;          
  
  context.font = 'bold 30pt Ubuntu'; 
  context.textAlign = 'center';
  context.fillStyle = 'orange';
  context.strokeStyle = '#336699';
  context.lineWidth = 10;
  
  drawTextAlongArc(context, 'Sustainable Skill Solutions', centerX, centerY, radius, angle);
  
  
  // draw circle underneath text
  context.arc(centerX, centerY, radius +70, 0, 2 * Math.PI, false);
  context.stroke();
  </code></pre>