如何绘制可由滑块控制的动态曲线

Question

用户可以在运行时控制动态正弦曲线吗？例如，如果用户使用滑块控制正弦曲线，则曲线应该从更改值的时间（而不是整个可见曲线）发生变化。

Answer 1

这一切都取决于你的视觉表现。

使用：

clearRect(0, 0, canvas.width, canvas.height)

将清除整个画布，您必须保留有关您之前绘制的正弦波的信息。

可以像这样使用它：

clearRect(theta, 0, period, canvas.height)

即。只重绘您希望用户控制的画布部分，然后重新绘制修改过的正弦波。

这是一个小提琴：

http://jsfiddle.net/UkR4G/1/

如您所见，我只清除曲线的一部分，让您可以自由重绘本节中不同的频率波。

你如何做到这一点取决于你。