HTML canvas clip() Metodo
Esempio
Clip di una regione rettangolare di 200*120 pixel dalla tela. Quindi, disegna un rettangolo rosso. È visibile solo la parte del rettangolo rosso che si trova all'interno dell'area ritagliata:
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>
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il metodo.
| Method | |||||
|---|---|---|---|---|---|
| clip() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definizione e utilizzo
Il metodo clip() ritaglia una regione di qualsiasi forma e dimensione dalla tela originale.
Suggerimento: una volta ritagliata una regione, tutti i disegni futuri saranno limitati alla regione ritagliata (nessun accesso ad altre regioni sulla tela). È tuttavia possibile salvare la regione corrente della tela utilizzando il metodo save() prima di utilizzare il metodo clip() e ripristinarla (con il metodo restore()) in qualsiasi momento in futuro.
| sintassi JavaScript: | contesto .clip(); |
|---|
❮ Oggetto Tela