Exemple
Plan - séquence d'une région rectangulaire de 200*120 pixels de la toile. Ensuite, dessinez un rectangle rouge. Seule la partie du rectangle rouge qui se trouve dans la zone découpé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 - le vous - même » support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| clip() | Oui | 9.0 | Oui | Oui | Oui |
Définition et utilisation
Les clip() méthode des clips d' une région de toute forme et la taille de la toile originale.
Conseil: Une fois une région est rognée, tout dessin futur sera limitée à la région coupée (pas d'accès à d' autres régions sur la toile).Vous pouvez cependant sauver la région de la toile en cours en utilisant le save() méthode avant d' utiliser la clip() méthode, et restaurer (avec la restore() méthode) tout moment dans l'avenir.
| Syntaxe JavaScript: | context.clip(); |
|---|