ความคิดเห็น: HTML5 สามารถวาดรูปร่างได้มากมาย ต่อไปนี้เป็นรหัสเพื่อวาดรูปสี่เหลี่ยมผืนผ้า โปรดดูที่
<! doctype html> <head>
<meta charset = utf-8>
<title> html5 วาดสี่เหลี่ยมผืนผ้า </title>
<script src = "<a href =" http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> </script"> "> </script </a >>
</head>
<script>
$ (เอกสาร) .ready (function () {
var c = document.getElementById ("drawbox");
var draw = c.getContext ("2d"); // รับข้อมูลอ้างอิงไปยังเนื้อหา 2D และเรียก API การวาดภาพ
draw.fillstyle = "#ff0000"; // วิธี 1 ระบุสีเติม
draw.fillrect (0,0,300,100); // พิกัดและความยาวและความกว้าง
draw.fillstyle = "rgba (0,0,255,0.5)"; // วิธี 2 RGB+ความโปร่งใส
draw.fillrect (400,0,100,100); // พิกัดและความยาวและความกว้าง
-
</script>
</body>
<Canvas> </sanvas>
</body>
</html>
แผนผังการสืบพันธุ์