2011-10-17 21 views
1

私はjQuery SVGを使用して単純な2D折れ線グラフを描画していますが、catmull romパスとしてレンダリングすることでスムージングしたいと思います。jQuery SVGを使用してcatmullのROMスプラインをレンダリングするにはどうすればよいですか?

SVGはベジェ曲線のみをサポートしているので、catmull romをシミュレートするために制御点を計算する方法はありますか?

答えて

3

d3.jsとお考えですか? This pageのドキュメントでは、line.tensionを使用してCatmull-Romスプラインを作成しています。

2

また、Raphaelの使用を検討することもできます。ラファエルはhttp://raphaeljs.com/

でご利用いただけます

var p = new Raphael(0, 0, "100%", "100%"); 

    p.path("M 100 100 R 100 200 300 300 300 10 400 400 200 200"); 

:あなたは簡単に「R」を使用してキャットマルロムスプラインを描画することができます

関連する問題