コメント：html5で簡単なサークルコードを共有してください、それらを参照してください
<！doctype html> <head>
<メタcharset = utf-8>
<Title> HTML5 Drawing Circle </title>
<スクリプトsrc = "<a href =" http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> </script"> </script </a >>
</head>
<スクリプト>
$（document）.ready（function（）{
var c = document.getElementById（ "drawbox"）;
var draw = c.getContext（ "2d"）; // 2Dコンテンツへの参照を取得し、描画api </p> <p> draw.fillstyle = "red"; // colorを呼び出す
draw.beginpath（）; //新しいものから描画します
draw.arc（50,50,50,0、math.pi*2、true）; // center x coordinate | center y coordinate | diameter | start | pi is pi、math.pi*2は描画円です| trueは時計回りです：反時計回り、0は時計回りです、
draw.closepath（）; // end
draw.fill（）;
}）
</script>
</body>
<canvas> </canvas>
</body>
</html>
複製図