En son web geliştirme öğreticiler
 

HTML canvas clip() Method

<HTML Tuval Referans

Ö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:

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>
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() ;

<HTML Tuval Referans