HTML холст clip() Метод
Пример
Клип прямоугольной области 200*120 пикселей от холста. Затем нарисуйте красный прямоугольник. Видна только часть красного прямоугольника, находящиеся внутри обрезанной области:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// Clip a rectangular area
ctx.rect(50,20,200,120);
ctx.stroke();
ctx.clip();
// Draw red rectangle after clip()
ctx.fillStyle="red";
ctx.fillRect(0,0,150,100);
</script>
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
Метод | |||||
---|---|---|---|---|---|
clip() | Да | 9.0 | Да | Да | Да |
Определение и использование
Метод clip() обрезает область любой формы и размера из исходного полотна.
Совет: После того как область обрезана, все будущие чертежи будут ограничены обрезанной областью (нет доступа к другим областям на холсте). Однако можно сохранить текущую область холста с помощью метода Save() перед использованием метода Clip() и восстановить его (с помощью метода Restore()) в любое время в будущем.
Синтаксис JavaScript: | context.clip(); |
---|
❮ HTML Справка на полотно