<!DOCTYPE html>
<html>
<head>
<title>Графика HTML Canvas</title>
<meta charset="utf-8">
</head>
<body>
<canvas id="myCanvas" width="300" height="200" style="border:1px solid #000000;">
Ваш браузер не поддерживает тег HTML Canvas.
</canvas>
<script>
var c = document.getElementById("myCanvas"); // Подключаемся к canvas
var ctx = c.getContext("2d"); // Режим работы 2D
ctx.moveTo(0,0); // Переходим в точку (0,0)
ctx.lineTo(300,200); // Рисуем линию от (0,0) до (300, 200)
ctx.stroke(); // Выводим нарисованное на экран
</script>
</body>
</html>