moveto.js Example File

script/context2d/scripts/moveto.js

  var canvas = document.getElementById('tutorial');

    // Make sure we don't execute when canvas isn't supported
    if (canvas.getContext){

      // use getContext to use the canvas for drawing
      var ctx = canvas.getContext('2d');

      // Draw shapes
      ctx.beginPath();
      ctx.arc(75,75,50,0,Math.PI*2,true); // Outer circle
      ctx.moveTo(110,75);
      ctx.arc(75,75,35,0,Math.PI,false);   // Mouth
      ctx.moveTo(65,65);
      ctx.arc(60,65,5,0,Math.PI*2,true);  // Left eye
      ctx.moveTo(95,65);
      ctx.arc(90,65,5,0,Math.PI*2,true);  // Right eye
      ctx.stroke();

    }