Exemple
Clip d'une zone rectangulaire de 200 * 120 pixels à partir de la toile. Ensuite, dessinez un rectangle rouge. Seule la partie du rectangle rouge qui se trouve dans la zone écrêtée est visible:
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> Essayez vous - même » Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| clip() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Définition et utilisation
Le clip() clips de procédé une région de toute forme et taille de la toile d' origine.
Tip: Une fois qu'une région est coupée, tout dessin futur sera limité à la région écrêté (no access to other regions on the canvas) d' (no access to other regions on the canvas) . Vous pouvez toutefois enregistrer la région de la toile actuelle à l' aide de la save() méthode avant d' utiliser le clip() méthode et restaurer (with the restore() méthode) tout moment à l'avenir.
| syntaxe JavaScript: | context . clip() ; |
|---|
<Canvas objet