为什么我的圈圈里的颜色填充不完整呢

来源:2-3 绘制弧和圆

qq_不独一也无二_0

2016-05-21 10:48

<!DOCTYPE html>

<html>

<head>

<script>

window.onload=function(){

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

canvas.width=1024;

canvas.height=768;

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

context.lineWidth=5;

context.strokeStyle="#005588";

//context.arc(300,300,200,0,1.5*Math.PI);

//context.stroke();

    for(var i=0;i<10;i++){

context.beginPath();

context.arc(50+i*100,60,40,0,2*Math.PI*(i+1)/10);

context.closePath();

     context.fillStyle="#005588";  

context.fill();

context.stroke();

}

}

</script>

</head>

<body>

<canvas id="myCanvas"></canvas>

</body>

</html>


http://img.mukewang.com/573fcc6d0001225710870200.jpg


写回答 关注

2回答

  • 慕斯8597481
    2016-09-04 18:01:04

    我尝试着复制了你的代码,在我这里是填充完整的。

  • 肥仔汇
    2016-05-21 13:38:15

    我用的是chrome

    你的代码是没有问题的

炫丽的倒计时效果Canvas绘图与动画基础

学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力

96746 学习 · 1000 问题

查看课程

相似问题