画个圆,作为时钟小组件(数字的组成部分)。
一、代码实现
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <canvas id="canvas" style="border:1px solid #aaa;diplay:block;margin:50px auto;"></canvas> <script> window.onload = function () { var canvas = document.getElementById("canvas"); canvas.width = 1024; canvas.height = 800; var context = canvas.getContext("2d"); context.lineWidth = 5; context.strokeStyle = "#005588" context.arc(300,300,200,0,1.5*Math.PI) context.stroke(); } </script> </body> </html> |
二、总结
记录一下。