<!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.beginPath(); // Метод beginPath() начинает контур
ctx.arc(95,50,40,0,2*Math.PI); // context.arc(x, y, r, a, b) x - Координата X центра круга
// y - Координата Y центра круга r - Радиус круга
// a - Начальный угол в радианах b - Конечный угол в радианах
ctx.stroke(); // Выводим нарисованное на экран
</script>
</body>
</html>