canvas画圆

来源:互联网 发布:java api 1.6 中文 编辑:程序博客网 时间:2024/05/21 09:38
<!DOCTYPE html><html><head><meta charset="utf-8"><title>canvas</title><style>body{    background:#808080;}#canvas{    background:#FFFFFF;}</style><script>   window.onload = function(){       //获取canvas画布       var canvas = document.getElementById('canvas');       //获取2d绘图环境       var cxt = canvas.getContext('2d');       //画圆       cxt.beginPath();       cxt.moveTo(200,200);       cxt.arc(200,200,150,0,90*Math.PI/180,true);       cxt.closePath();       cxt.stroke();   } </script></head><body><canvas id="canvas" width="500" height="500"></canvas></body></html>


效果图:


0 0
原创粉丝点击