如何在JavaScript中绘制波浪线？

Question

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

要展开更多关于我的问题，我想绘制一个三行或更多行的序列。

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

但不是直的，我想让线条产生随机曲线，使它们相互重叠。

Answer 1

你可以用bezierCurveTo方法使用html5画布。虽然它不适用于不支持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