Örnek
Dikdörtgen bir bölgenin Klip 200*120 kanvas piksel. 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() | Evet | 9.0 | Evet | Evet | Evet |
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() ; |
---|