Tutorial on drawing arcs using HTML5 Canvas API_html5 tutorial tips

Draw a standard arc

Before we start, let’s optimize our drawing environment. The inspiration comes from the texture of the previous class. If you don't like this background, I also provide other background images in the images directory for you to choose from. In addition, all style sheets are written under

.

JavaScript CodeCopy content to clipboard

2. "zh">
4. "UTF-8">
7. body { background: url("./images/bg3.jpg") repeat; }
8. #canvas { border: 1px solid #aaaaaa; display: block; margin: 50px auto; }
12. "canvas-warp">
13. "canvas">
14. Your browser doesn’t support Canvas? ! Change it quickly! !

<script> </script>

window.onload = function(){

var canvas = document.getElementById("canvas");

canvas.width = 800;

canvas.height = 600;

var context = canvas.getContext("2d");

context.fillStyle = "#FFF";

context.fillRect(0,0,800,600);

}