Latest web development tutorials

clipe de lona HTML () Método

HTML Manual de lona Referência HTML Manual de lona Referência

Exemplos

Cortar uma área retangular de 200 * 120 pixels da tela. Em seguida, desenhe um retângulo vermelho. Apenas a parte retangular vermelha é cortado na região são visíveis:

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>

tente »

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari suporte do grampo () método.

Nota: 8 e versões anteriores do Internet Explorer não suportam o elemento <canvas>.

Definição e Uso

clipe () método de cortar qualquer forma e tamanho da tela inicial.

Dica: Uma vez que você cortar uma determinada área, todo o desenho subsequente será limitado para a área a ser cortada (não acesso a outras áreas na tela). Você também pode usar o método clipe () antes de método () na área da tela atual salvo usando a salvar e recuperar (por restauração () método) no futuro qualquer momento.

sintaxe JavaScript: contexto .clip ();

HTML Manual de lona Referência HTML Manual de lona Referência