<html>
 <head>
 </head>
<body>
 <canvas id="canvas" width="300" height="300"></canvas>
  <script type="application/javascript">
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");

    ctx.fillStyle = '#eeeeee';
    ctx.strokeStyle = '#000000';

    ctx.beginPath();
    ctx.moveTo(0, 50);
    ctx.lineTo(50, 50);

    ctx.translate(100, 100);
    ctx.lineTo(50, 0);

    ctx.stroke();
    ctx.fill();
  </script>
</body>
</html>