如何使用jQuery SVG渲染catmull rom spline？

Question

我正在使用jQuery SVG渲染一个简单的2D线图，但我希望通过将其渲染为catmull rom路径来平滑它。

SVG只支持bezier曲线，那么有没有办法计算控制点以模拟catmull rom？

Answer 1

您是否考虑过使用d3.js？使用line.tension创建Catmull-Rom样条线的This page文档。

Answer 2

您也可以考虑使用Raphael。您可以使用“R”轻松渲染catmull rom样条：

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

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

Raphael可在http://raphaeljs.com/

获取