Latest web development tutorials

HTML <canvas> tag

contoh

Dengan <canvas> elemen untuk menampilkan persegi panjang merah:

<Canvas id = "myCanvas"> </ canvas> <Script type = "text / javascript"> var kanvas = document.getElementById ( 'myCanvas'); var ctx = canvas.getContext ( '2d'); ctx.fillStyle = '# FF0000'; ctx.fillRect (0,0,80,100 ); </ script>

Coba »

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9, Firefox, Opera, Chrome dan dukungan Safari <canvas> tag.

Catatan: IE 8 atau versi sebelumnya dari browser IE tidak mendukung <canvas> tag.

Tag definisi dan petunjuk

<Canvas> tag untuk menggambar grafik (seperti grafik dan gambar lainnya) melalui scripting (biasanya JavaScript).

<Canvas> tag adalah wadah grafis, Anda harus menggunakan script untuk menggambar grafik.

Perbedaan antara HTML 4.01 dan HTML5

<Canvas> tag baru dalam tag HTML5.

Tips dan Catatan

CATATAN: <canvas> elemen akan ditampilkan dalam teks tidak mendukung <canvas> browser.

Tip: Jika Andaingin tahu semua properti kanvas objek dan metode, lihat Pedoman HTML kanvas Referensi .

milik

Baru: HTML5 properti baru.

属性 值 描述
height New pixels 规定画布的高度。
width New pixels 规定画布的宽度。

Properti global

<Canvas> tag mendukung HTML sifat global yang .

Properti acara

<Canvas> tag mendukung HTML sifat acara .