<head>
<script>
function dessCanvasEX1() {
      var canvas1 = document.getElementById('canvasEX1');
      if (canvas1 && canvas1.getContext) {
        var ctx = canvas1.getContext('2d');  // Get the context : 2 dimensions
        ctx.beginPath();
		ctx.moveTo(75,40);
		ctx.bezierCurveTo(75,37,70,25,50,25);
		ctx.bezierCurveTo(20,25,20,62.5,20,62.5);
		ctx.bezierCurveTo(20,80,40,102,75,120);
		ctx.bezierCurveTo(110,102,130,80,130,62.5);
		ctx.bezierCurveTo(130,62.5,130,25,100,25);
		ctx.bezierCurveTo(85,25,75,37,75,40);
		ctx.fill();
        ctx.closePath();                    // Close the path
        ctx.stroke();                       // Draw the path
      }
    }
    window.onload = function() {
      dessCanvasEX1();
    }
</script>
</head>
<body>
 <canvas id='canvasEX1' width='150px' height='150px'></canvas>
</body>