HTML canvas klip () metode
contoh
Potong area persegi 200 * 120 pixel dari kanvas. Kemudian, menggambar persegi panjang merah. Hanya bagian persegi panjang merah dipotong di wilayah ini terlihat:
JavaScript:
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>
Coba »
Dukungan Browser
Internet Explorer 9, Firefox, Opera, Chrome dan Safari dukungan klip () metode.
Catatan: 8 dan versi sebelumnya dari Internet Explorer tidak mendukung <canvas> elemen.
Definisi dan Penggunaan
Metode klip () memotong setiap bentuk dan ukuran dari kanvas asli.
Tip: Setelah Anda memotong area tertentu, semua gambar selanjutnya akan terbatas ke daerah yang akan dipotong (tidak mengakses daerah-daerah lain di kanvas). Anda juga dapat menggunakan metode clip () sebelum () metode pada area kanvas saat disimpan dengan menggunakan save, dan memulihkan (oleh restore () metode) di masa depan setiap saat.
| sintaks JavaScript: | konteks .clip (); |
|---|
Pedoman kanvas Referensi HTML