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

This article mainly explains "how to draw a circle with html5," interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let Xiaobian take you to learn "how to draw a circle with html5"!

The code is as follows:

HTML5 Draw Circle ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> $(document).ready(function(){var c=document.getElementById("drawbox");var draw=c.getContext("2d"); //Get a reference to the 2d content, call the drawing API

draw.fillStyle="red"; //color draw. initiPath (); //draw.arc(50,50,50,0,Math.PI*2,true) from scratch; //center x coordinate| center y coordinate| diameter| beginning| PI is pi, Math.PI*2 is circle.| true for clockwise direction: counterclockwise, 0 for clockwise, draw.closePath(); //finish draw.fill();})

renderings

At this point, I believe everyone has a deeper understanding of "how to draw a circle with html5," so let's actually operate it! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to us, continue to learn!

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.