Метод clip

Удаляется все что находится вне указанной фигуры. На рисунке будет удалено все, что вне звезды:

как действует clip

Синтаксис

clip()

Пример

var canvas = document.getElementById("picture");
var ctx = canvas.getContext("2d");
	
ctx.arc(200, 200, 100, 0, 2 * Math.PI, false);
ctx.stroke();
ctx.clip();

ctx.beginPath();
ctx.arc(100, 100, 150, 0, 2 * Math.PI, false);
ctx.fillStyle = "red";
ctx.fill();

ctx.beginPath();
ctx.arc(300, 400, 250, 0, 2 * Math.PI, false);
ctx.fillStyle = "green";
ctx.fill();

В живую.

Материалы

Теги: , ,
Показать комментарии