<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<canvas id='myCanvas' height='500' width='700' style="border:1px solid black;"class="invisible"> </canvas>
<script type="text/javascript">
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.strokeStyle = "yellow";
ctx.moveTo(45,67);
ctx.lineTo(80,100);
ctx.stroke();
ctx.beginPath();
ctx.strokeStyle = "red";
ctx.moveTo(55,87);
ctx.lineTo(90,120);
ctx.stroke();
</script>
</body>