                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /Canvas玩儿转红包照片

自己执行的时候回出现这样的问题

在show的时候如果没有执行完再次点击reset的时候回出现show 的重复，不知道是我这边的问题还是这个例子的瑕疵，希望老师看到以后能够给解答一下。代码是一边听老师讲课一边敲的代码

梦死醉生

2016-02-06

源自：Canvas玩儿转红包照片 4-1

关注问题我要回答

892

操作

收起

1 回答

小虫星空
2016-02-10

clearInterval(theAnimate);

因为清除定时器的条件是显示区域的宽度 clipReg.r >= 2 * Math.max(canW, canH)

而reset时clipReg.r又变为初始值, clipReg.r >= 2 * Math.max(canW, canH) 为false,

我的解决方法：

function reset () {

clearInterval(theAnimate);

initCanvas();

}

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

收起回答

0/150

提交

取消

Canvas玩儿转红包照片

参与学习 55841 人
解答问题 66 个

教你玩儿转微信红包照片模糊效果，图像展示效果，深入了解canvas

进入课程

本课相似问答

1 回答绘制的canvas不出现

3 回答小伙伴们有没有按完show之后，再按reset会自动执行setInterval这个动画？--chrome浏览器

2 回答运行问题求解

2 回答在ipad上出现bug

1 回答关于reset和show位置的问题

搜索更多本课相关问答

自己执行的时候回出现这样的问题

我要回答关注问题

热搜

最近搜索清空

自己执行的时候回出现这样的问题

1 回答

本课相似问答

自己执行的时候回出现这样的问题