<head>
  <script type='text/javascript'>
    function dessCanvasEX() {
      var canvas = document.getElementById('canvasEX');
      if (canvas && canvas.getContext) {
        var ctx = canvas.getContext('2d');  // Get the context : 2 dimensions
        ctx.beginPath();                    // Open the path
        ctx.arc(75,75,50,0,Math.PI*2,true); // Create the head
        ctx.moveTo(110,75);                 // Move
        ctx.arc(75,75,35,0,Math.PI,false);  // Create the mouth (right to left)
        ctx.moveTo(65,65);                  // Move
        ctx.arc(60,65,5,0,Math.PI*2,true);  // Create the left eye
        ctx.moveTo(95,65);                  // Move
        ctx.arc(90,65,5,0,Math.PI*2,true);  // Create the right eye
        ctx.closePath();                    // Close the path
        ctx.stroke();                       // Draw the path
      }
    }
    window.onload = function() {
      dessCanvasEX();
    }
  </script>
</head>
<body>
  <canvas id='canvasEX' width='150px' height='150px'></canvas>
</body>