X.closePath(); //Конец рисования

X.fill(); //закрашивание

</script>

</body>

</html>

Другой пример – рисование дуги

var context = canvas.getContext("2d");

var x = canvas.width / 2;

var y = canvas.height / 2;

var radius = 75;

var startAngle = 1.1 * Math.PI;

var endAngle = 1.9 * Math.PI;

var counterClockwise = false;

context.beginPath();

context.arc(x, y, radius, startAngle, endAngle, counterClockwise);

context.lineWidth = 15;

context.strokeStyle = "black";

Context.stroke();//метод stroke делает нарисованные контуры видимыми.

Что значит