javascript - 如何在纸上缩放

Question

我正在尝试在 view.onFrame(paper js)中编写一个条件，它是普通 Canvas 中的更新函数。

//声明

let number = 74;
let minus = true;




 view.onFrame = function(event) {

//开始调节//如果 number 变为 75 且 minus 为真，Number 将开始减少

if(number <= 75 && minus == true){
         number -= 1;
         minus = true;
      }

//如果数字达到0，数字将增加到75，条件变为假

 else if(number == 0){
     number += 1;
     minus = false;
  }

//否则减号再次变为真

else {
minus = true;
}

问题是条件永远不会变为真

Answer 1

这是您逻辑结构的问题。你想从 75 开始递减到 0，然后回到 75，但让我们看看你的逻辑。

if(number <= 75 && minus == true){
  number -= 1;
  minus = true;
} 
else if (number == 0) {
  number += 1;
  minus = false;
}

第一个条件，number <= 75即使在 number == 0 时也是如此(毕竟 0 小于或等于 75)，因此它将始终开始执行第一个 if声明，永远不会到达 else if陈述。最重要的是，您只执行 number += 1什么时候number是 EXACTLY ( == ) 0。所以即使你确实清除了你的逻辑，该代码的输出看起来像 75, 74, 73... 3, 2, 1, 0, 1, 0, 1, 0 , 1 ...

你想要的是检查你是否退出了你设置的边界，如果你退出了，改变你是递增还是递减:

if (number > 75) { minus = true }
if (number < 1)  { minus = false }

if (minus) { number -= 1 } else { number += 1 }