HTML tuval klibi() Yöntem
Örnek
Tuvalden 200*120 piksellik dikdörtgen bir bölgenin klibi. Ardından kırmızı bir dikdörtgen çizin. Kırmızı dikdörtgenin yalnızca kırpılan alanın içindeki kısmı görünür:
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);
Tarayıcı Desteği
Tablodaki sayılar, yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Method | |||||
---|---|---|---|---|---|
clip() | Yes | 9.0 | Yes | Yes | Yes |
Tanım ve Kullanım
clip() yöntemi, orijinal tuvalden herhangi bir şekil ve boyuttaki bir bölgeyi keser.
İpucu: Bir bölge kırpıldığında, gelecekteki tüm çizimler kırpılan bölgeyle sınırlı olacaktır (tuvaldeki diğer bölgelere erişim yok). Bununla birlikte, clip() yöntemini kullanmadan önce save() yöntemini kullanarak geçerli tuval bölgesini kaydedebilir ve gelecekte istediğiniz zaman (restore() yöntemiyle) geri yükleyebilirsiniz.
JavaScript sözdizimi: | bağlam .clip(); |
---|
❮ HTML Kanvas Referansı