clip de la lona HTML método ()
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:
JavaScript:
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 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 (); |
---|