如何在JavaScript中绘制波浪线？

Question

是否可以在JavaScript中绘制一组波浪线或使用JavaScript库？我的问题有点similar to this one，但我必须使用JavaScript而不是Objective-C。

为了扩展我的问题，我想绘制一个三行或更多行的序列。

------------------------------
------------------------------
------------------------------

但我不想直线，而是希望线条产生随机曲线，使它们彼此重叠。

Answer 1

您可以使用带有bezierCurveTo方法的html5 canvas进行此操作。虽然它不适用于不支持html5的浏览器。

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,70);
ctx.bezierCurveTo(100,10,150,100,200,20);
ctx.stroke();

JSFiddle：http://jsfiddle.net/PLJ89/

以下是bezierCurveTo方法http://www.w3schools.com/tags/canvas_beziercurveto.asp

的文档