Latest web development tutorials

Metodo clip di tela HTML ()

HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento

Esempi

Tagliare un'area rettangolare di 200 * 120 pixel dalla tela. Poi, disegnare un rettangolo rosso. la porzione rettangolare rossa viene tagliato solo nella regione sono visibili:

YourbrowserdoesnotsupporttheHTML5canvastag.

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 »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer metodo 9, Firefox, Opera, Chrome e Safari clip di supporto ().

Nota: 8 e versioni precedenti di Internet Explorer non supportano l'elemento <canvas>.

Definizione e utilizzo

Metodo Clip () tagliare qualsiasi forma e dimensione dalla tela originale.

Suggerimento: Una volta che si taglia una certa area, tutte le successive disegno sarà limitato alla zona da tagliare (non accedere ad altre aree sulla tela). È inoltre possibile utilizzare il metodo di clip () prima di metodo () nell'area di disegno corrente salvato utilizzando il salvataggio, e recuperare (da ripristinare () method) in futuro in qualsiasi momento.

sintassi JavaScript: contesto .clip ();

HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento