<kanvas>
HTML <canvas> Tag
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<canvas id="myCanvas">你的浏览器不支持 HTML5 canvas 标签。</canvas>
<script>
var c=document.getElementById('myCanvas');
var ctx=c.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
</body>
</html>Jalankan Instance»
Klik butang "Jalankan Instance" untuk melihat contoh dalam talian
Sokongan penyemak imbas
IE 9, Firefox, Opera , Chrome dan Safari menyokong teg <kanvas>
Nota: IE 8 atau lebih awal tidak menyokong teg <kanvas>
Teg takrifan dan arahan penggunaan
<kanvas> menggunakan skrip (biasanya JavaScript) untuk melukis grafik (seperti carta dan imej lain). Teg
<kanvas> hanyalah bekas untuk grafik, anda perlu menggunakan skrip untuk melukis grafik.
Perbezaan antara HTML 4.01 dan HTML5 Teg
<canvas> ialah teg baharu dalam HTML5.
Petua dan Nota
Nota: Sebarang teks dalam <kanvas> akan dipaparkan dalam penyemak imbas yang tidak menyokong <kanvas>
Petua: Untuk maklumat tentang semua sifat dan kaedah objek kanvas, sila rujuk Manual Rujukan Kanvas HTML.
Atribut
Baharu : Atribut baharu dalam HTML5.
| Hartanah | Nilai | Penerangan | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
tinggiBaharu
| piksel | Menentukan ketinggian kanvas. | |||||||||
| lebarBaharu | piksel | Peruntukan Lebar kanvas. |
Atribut acara<kanvas> teg menyokong atribut acara HTML.
