Esempio
Clip di una regione rettangolare di 200 * 120 pixel dalla tela. Poi, disegnare un rettangolo rosso. Solo la parte del rettangolo rosso che si trova 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 browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
| Metodo | |||||
|---|---|---|---|---|---|
| clip() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definizione e l'utilizzo
I clip() metodo clip una regione di qualsiasi forma e dimensione dalla tela originale.
Tip: Una volta che una regione è ritagliato, tutti i futuri disegno sarà limitata alla regione tagliata (no access to other regions on the canvas) . È tuttavia possibile salvare la regione di tela corrente utilizzando il save() metodo prima di utilizzare il clip() metodo, e ripristinarlo (with the restore() metodo) in qualsiasi momento in futuro.
| sintassi JavaScript: | context . clip() ; |
|---|
<Oggetto Tela