javascript - 如何绘制可通过滑块控制的动态曲线

Question

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

Answer 1

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

使用：

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

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

可以像这样使用它：

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

IE 仅重绘您希望让用户控制的画布部分，然后重绘修改后的正弦波。

这是一个小提琴：

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

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

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