                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /炫丽的倒计时效果Canvas绘图与动画基础

课程中关于BeginPath与ClosePath在画弧形的未封闭圆弧自动连线的错误讲法

context.beginPath()
context.arc(300,300,200,0,0.5*Math.PI)
context.stroke()
context.closePath()

通过测试正确应该是只当context.stroke()在context.closePath()之后执行时才会出现自动的封口连线，如在closePath()之前执行则不连线。

pantyhose

2015-02-14

源自：炫丽的倒计时效果Canvas绘图与动画基础 2-3

关注问题我要回答

2730

操作

收起

3 回答

慕神2673729
2016-04-19

把第三行context.stroke()与第四行context.closePath()的顺序转过来就行，如下：

context.beginPath()

context.arc(300,300,200,0,0.5*Math.PI)

context.closePath()

context.stroke()

这样最后就会闭合路径

0 回复有任何疑惑可以回复我~

收起回答

Plum226410
2016-01-13

好像是这样的

0 回复有任何疑惑可以回复我~

收起回答

crazy world
2015-12-17

这样啊

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

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

参与学习 96903 人
解答问题 1029 个

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

进入课程

本课相似问答

1 回答关于绘制圆弧时的路径起点的问题

1 回答关于beginPath()和closePath()的位置问题

2 回答closePath的规范写法

1 回答canvas 绘制封闭多边形问题

2 回答我画得圆形很模糊，怎么破？

搜索更多本课相关问答

课程中关于BeginPath与ClosePath在画弧形的未封闭圆弧自动连线的错误讲法

我要回答关注问题

热搜

最近搜索清空

课程中关于BeginPath与ClosePath在画弧形的未封闭圆弧自动连线的错误讲法

3 回答

本课相似问答

课程中关于BeginPath与ClosePath在画弧形的未封闭圆弧自动连线的错误讲法