如何在JavaScript中繪製波浪線？

是否可以在JavaScript中繪製一組波浪線或使用JavaScript庫？我的問題有點similar to this one，但我必須使用JavaScript而不是Objective-C。如何在JavaScript中繪製波浪線？

要展開更多關於我的問題，我想繪製一個三行或更多行的序列。

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

但不是直的，我想讓線條產生隨機曲線，使它們相互重疊。

來源

2013-11-15 Jumbalaya Wanton

'文檔~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~'' – adeneo

你可以畫一個畫布標籤。當您旋轉/擺動3個Y值的範圍時，需要循環X軸。請參閱http://matt.might.net/articles/rendering-mathematical-functions-in-javascript-with-canvas-html/，以獲得靈活而簡單的實施修改。 – dandavis

對於Canvas，您可以嘗試使用SVG。 – user2988142

你可以用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

來源

2013-11-15 20:59:53

如何在JavaScript中繪製波浪線？

回答

相關問題