Komentar: HTML5 dapat menggambar banyak bentuk. Berikut ini adalah kode untuk menggambar persegi panjang. Silakan merujuknya.
<! Doctype html> <head>
<Meta Charset = UTF-8>
<title> html5 Draw rectangle </iteme>
<skrip src = "<a href =" http://ajax.googleapis.com/ajax/libs/jQuery/1.7.1/jquery.min.js "> </skrip"> "> </skrip </a>>
</head>
<script>
$ (dokumen) .ready (function () {
var c = document.geteLementById ("drawbox");
var draw = c.getContext ("2d"); // Dapatkan referensi ke konten 2D dan hubungi API gambar
draw.fillstyle = "#ff0000"; // Metode 1 Menentukan warna pengisian
draw.fillrect (0,0,300,100); // koordinat dan panjang dan lebar
draw.fillstyle = "rgba (0,0,255,0,5)"; // Metode 2 RGB+Transparansi
draw.fillrect (400,0.100.100); // Koordinat dan Panjang dan Lebar
})
</script>
</body>
<Canvas> </an Canvas>
</body>
</html>
Diagram reproduksi