绘制圆圈线然后将其删除

时间:2015-10-16 02:19:20

标签: javascript animation math canvas

我有一个简单的脚本,当我试图画一个圆圈时,鼠标越过画布,它需要大约2000毫秒,当鼠标离开画布时,它会删除圆圈。

我的大部分工作都是正确的 - 它正确地绘制了圆圈,但鼠标输出不能完全正常工作,因为它不断重启。

这是我的代码:

<input type="hidden" form="*" name="include-all" value="id1234"> //This is an example and is not working html

我也做了一个小提琴: http://jsfiddle.net/hru7xyfu/ ,在画布上重现错误鼠标并等待它完全填满然后鼠标移出你看到圆圈保持不变完全删除它后重启。

我哪里错了?

1 个答案:

答案 0 :(得分:2)

尝试替换

if(circle.curAngle == circle.endAngle){
    circle.animate = false;   
}

使用:

if(circle.curAngle < circle.endAngle){
    circle.curAngle = circle.endAngle
    circle.animate = false;   
}
if(circle.curAngle > circle.endAngle + 2){
    circle.curAngle = circle.endAngle + 2
    circle.animate = false;   
}

第二个if语句解决了圆圈变得太大的问题(虽然你看不到它,因为它开始重叠)

在这里更新了JSFiddle: http://jsfiddle.net/hru7xyfu/2/