Comentario: Comparta los códigos de círculo simples en HTML5, consulte ellos
<! 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 >>
</ablo>
<script>
$ (documento) .Ready (function () {
var c = document.getElementById ("Drawbox");
var draw = C.getContext ("2d"); // Obtenga una referencia al contenido 2D y llame a la API de dibujo </p> <p> Draw.FillStyle = "Red"; // Color
draw.beginpath (); // dibujar de uno nuevo
dibujo
draw.ClosePath (); // fin
dibujo.fill ();
})
</script>
</body>
<Canvas> </Canvas>
</body>
</html>
Diagrama de reproducción