Dessiner différentes lignes sur une toile

<p>Trois lignes différentes :

<canvas id= »myCanvas62″ width= »300″ height= »150″ style= »border:1px solid #d3d3d3; »>
Désolé, votre navigateur ne supporte pas le HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById(« myCanvas62 »);
var ctx = c.getContext(« 2d »);
ctx.beginPath();
ctx.lineWidth = 10;
ctx.lineCap = « butt »;
ctx.moveTo(20, 20);
ctx.lineTo(200, 20);
ctx.stroke();
ctx.beginPath();
ctx.lineCap = « round »;
ctx.moveTo(20, 40);
ctx.lineTo(200, 40);
ctx.stroke();
ctx.beginPath();
ctx.lineCap = « square »;
ctx.moveTo(20, 60);
ctx.lineTo(200, 60);
ctx.stroke();
</script>