Örnek
Tuval 200 * 120 piksel dikdörtgen bölgenin Klip. Daha sonra, kırmızı bir dikdörtgen çizin. kesilen alanın içinde olan kırmızı dikdörtgenin sadece bir kısmı görülebilir:
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> Kendin dene " Tarayıcı Desteği
Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.
| Yöntem | |||||
|---|---|---|---|---|---|
| clip() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Tanımı ve Kullanımı
clip() metodu klipleri orijinal tuval herhangi bir şekil ve boyutta bir bölge.
Tip: Bir bölge kırpılmış sonra, gelecekteki tüm çizim kısaltıldı bölgesi ile kısıtlı olacaktır (no access to other regions on the canvas) . Bununla birlikte kullanarak mevcut tuval bölgesini kaydedebilir save() kullanmadan önce yöntemi clip() yöntemini ve geri (with the restore() gelecekte herhangi bir zaman yöntemine).
| JavaScript sözdizimi: | context . clip() ; |
|---|
<Tuval Nesne