javascript - 将画布样式设置为可变变量

Question

为什么这行得通，

var color = Math.sin( time ) * 128;
color = 128;
context.fillStyle = "rgb(" + color + ", " + color + ", " + color + ")";

但这不？

var color = Math.sin( time ) * 128;
color += 128;
context.fillStyle = "rgb(" + color + ", " + color + ", " + color + ")";

由于某种原因，变量一旦变为动态就会停止工作。

Answer 1

想通了。我正在发送一个浮动值，其中画布正在寻找一个整数。

它应该是 Math.floor(Math.sin( time ) * 128);