Metoda HTML canvas clip() .
Příklad
Výřez obdélníkové oblasti 200 x 120 pixelů z plátna. Poté nakreslete červený obdélník. Viditelná je pouze část červeného obdélníku, která je uvnitř oříznuté oblasti:
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);
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která tuto metodu plně podporuje.
Method | |||||
---|---|---|---|---|---|
clip() | Yes | 9.0 | Yes | Yes | Yes |
Definice a použití
Metoda clip() ořízne oblast libovolného tvaru a velikosti z původního plátna.
Tip: Jakmile je oblast oříznuta, všechny budoucí kresby budou omezeny na oříznutou oblast (žádný přístup k jiným oblastem na plátně). Před použitím metody clip() však můžete uložit aktuální oblast plátna pomocí metody save() a kdykoli v budoucnu ji obnovit (pomocí metody restore()).
Syntaxe JavaScriptu: | kontext .clip(); |
---|
❮ HTML Canvas Reference