canvans画圆

<script type="text/javascript">

window.onload=function(){

draw0("myCanvas");

drawScreen("canvan");

}

//实心圆

function draw0(id) {

            var canvas = document.getElementById(id);

            if (canvas == null) {

                return false;

            }

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

            context.beginPath();

            context.arc(100, 100, 100, 0, Math.PI * 2, true);

            //不关闭路径路径会一直保留下去，当然也可以利用这个特点做出意想不到的效果

            context.closePath();

            context.fillStyle = 'rgba(0,255,0,0.25)';

            context.fill();

        }

//空心圆

function drawScreen(id) {

alert("114111");

var can = document.getElementById(id);

    var ctx = can.getContext("2d");

    ctx.beginPath();

    ctx.arc(75,75,50,0,Math.PI*2,true); // 外圈

    ctx.moveTo(110,75);

    ctx.stroke();　　　　　　//使用ctx.fill();就是填充色；

}

</script>