Esempio
Clip di un'area rettangolare di 200*120 pixel dalla tela. Poi, disegnare un rettangolo rosso. Solo la parte del rettangolo rosso che è all'interno dell'area ritagliata è visibile:
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> Prova tu stesso " Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
| metodo | |||||
|---|---|---|---|---|---|
| clip() | sì | 9.0 | sì | sì | sì |
Definizione e utilizzo
Le clip() metodo clip una regione di qualsiasi forma e dimensione dalla tela originale.
Suggerimento: Una volta che una regione è ritagliato, tutti i futuri disegno sarà limitato alla regione tagliata (non ha accesso ad altre regioni sulla tela).È tuttavia possibile salvare la regione di tela corrente utilizzando il save() metodo prima di utilizzare il clip() metodo, e ripristinarlo (con il restore() metodo) in qualsiasi momento in futuro.
| sintassi JavaScript: | context.clip(); |
|---|