Latest web development tutorials

méthode de clip toile HTML ()

HTML Manuel toile de référence HTML Manuel toile de référence

Exemples

Couper une zone rectangulaire 200 * 120 pixels de la toile. Ensuite, dessinez un rectangle rouge. Seule la partie rectangulaire rouge est coupée dans la région sont 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>

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, la méthode Firefox, Opera, Chrome et Safari clip support ().

Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.

Définition et utilisation

méthode de clip () couper toute forme et la taille de la toile originale.

Conseil: Une fois que vous avez coupé une certaine zone, tout dessin ultérieure sera limitée à la zone à découper (pas accéder à d' autres zones sur la toile). Vous pouvez également utiliser la méthode pince () avant la méthode sur la zone de la toile actuelle enregistrée en utilisant le save (), et récupérer (par la restauration () méthode) à l'avenir tout moment.

Syntaxe JavaScript: .clip contexte ();

HTML Manuel toile de référence HTML Manuel toile de référence