Shulou(Shulou.com)06/03 Report--

This article mainly shows you "html5 how to use canvas to draw hollow circles and solid circles", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "html5 how to use canvas to draw hollow circles and solid circles" this article.

The code is as follows:

Var canvas=document.getElementById ("canvas"); var cxt=canvas.getContext ("2d"); / / draw a hollow circle cxt.beginPath (); cxt.arc (20050); cxt.lineWidth=5; cxt.strokeStyle= "green"; cxt.stroke (); / / draw a hollow circle cxt.closePath (); / / draw a solid circle cxt.beginPath (); cxt.arc (200, 100,50,50,360); cxt.fillStyle= "red" / / fill color, default is black cxt.fill (); / / draw solid circle cxt.closePath (); / / combination of hollow and solid cxt.beginPath (); cxt.arc (300, 300, 50, 50, 350 and 360); cxt.fillStyle= "red"; cxt.fill (); cxt.strokeStyle= "green"; cxt.stroke (); cxt.closePath () The above is all the contents of the article "how to draw hollow circles and solid circles with canvas in html5". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.