在路径中绘制不同的彩色形状(HTML5 Canvas/Javascript)

前端之家收集整理的这篇文章主要介绍了在路径中绘制不同的彩色形状(HTML5 Canvas/Javascript)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图画出多个填充不同颜色的圆弧
//-------------- draw
        ctx.beginPath();
        ctx.fillStyle = "black";
        ctx.arc(30,30,20,Math.PI*2,true);
        ctx.fill();
        ctx.fillStyle = "red";
        ctx.arc(100,100,40,true);
        ctx.fill();
        ctx.closePath();

这样会产生两个充满红色的弧线,我可以看出,较小的弧线周围有一个微弱的黑色轮廓。

任何人都可以看出我能如何实现这一目标?我在做错什么?

@H_404_8@

解决方法

关闭路径,然后重新打开它。
ctx.closePath();
ctx.beginPath();

jsFiddle

…之间的弧形绘图代码

@H_404_8@ @H_404_8@

猜你在找的HTML5相关文章