ความคิดเห็น: แบ่งปันรหัสวงกลมง่าย ๆ ใน HTML5 โปรดดูพวกเขา
<! doctype html> <head>
<meta charset = utf-8>
<title> HTML5 Drawing Circle </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 Drawing </p> <p> draw.fillstyle = "Red"; // color
draw.beginpath (); // วาดจากใหม่
draw.arc (50,50,50,0, math.pi*2, true); // center x พิกัด | Center y พิกัด | เส้นผ่านศูนย์กลาง | เริ่ม | pi คือ pi, math.pi*2 เป็นวงกลมวาด | จริงคือทิศทางตามเข็มนาฬิกา: ทวนเข็มนาฬิกา 0
draw.closepath (); // end
draw.fill ();
-
</script>
</body>
<Canvas> </sanvas>
</body>
</html>
แผนผังการสืบพันธุ์