Latest web development tutorials

clip de la lona HTML método ()

HTML Manual de Referencia de la lona HTML Manual de Referencia de la lona

Ejemplos

Cortar un área rectangular de 200 * 120 píxeles desde el lienzo. A continuación, dibuje un rectángulo rojo. Sólo la parte rectangular de color rojo se corta en la región son visibles:

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>

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, el método de Firefox, Opera, Chrome y Safari clip de soporte ().

Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.


Definición y Uso

método de pinza () cortar cualquier forma y tamaño de la tela original.

Consejo: Una vez que se corta un área específica, todas dibujo posterior se limitará a la zona a cortar (no tener acceso a otras áreas en el lienzo). También puede utilizar el método de clip () antes de método () en el área del lienzo actual guardado mediante el uso de la parada, y recuperar (por restaurar () método) en el futuro cualquier momento.

la sintaxis de JavaScript: contexto .Clip ();


HTML Manual de Referencia de la lona HTML Manual de Referencia de la lona