<html>
<head>
<title>Рисунок</title>
</head>
<body bgcolor="LightGreen">
<h1>Это canvas</h1>
<canvas id="namevasya" width="1500" height="1000" style="background: LightCyan;"></canvas>
<script>
/* Не изменяемая часть */
var canvas = document.getElementById('namevasya');
var ctx = canvas.getContext('2d');
/* ---------------------- */
ctx.beginPath(); /* начало */
ctx.moveTo(250, 150); // это просто передвинуть курсор
ctx.lineTo(1250, 150); // нарисовать линию к этой координате
ctx.lineTo(1250, 800);
ctx.moveTo(1000,450)
ctx.lineTo(350,450)
ctx.stroke(); /* конец */
</script>
</body>
</html>