Artikel Pengenalan Wulin.com (www.vevb.com): persegi panjang tag-drawing html5-canvas.
<! Doctype html>
<Html>
<head>
<meta charset = 'UTF-8'>
<title> tag html5-canvas-draw rectangle </iteme>
</head>
<body>
<Canvas ID = 1 Lebar = 200 Tinggi = 200> </Canvas>
<type skrip = teks/javascript>
window.onload = function () {
var canva = document.geteLementById ('1')
var content = canva.getContext ('2d')
content.fillstyle = #ccc; // Isi warna latar belakang kanvas
content.fillrect (0, 0, 200, 200); // Parameter mewakili sumbu x, sumbu y, lebar, dan tinggi masing-masing
content.linewidth = 4; // lebar perbatasan
content.strokestyle = #fff; // warna perbatasan
Content.strokerect (50.50.100.100); // Koordinat dan Ukuran Perbatasan
content.fillstyle = #f00; // warna pengisian persegi panjang
content.fillrect (50,50.100.100); // Koordinat dan ukuran persegi panjang
}
</script>
</body>
</html>