McF*_*ane 5 javascript svg raphael catmull-rom-curve
我有一组随机点,想要用raphaeljs创建一个平滑的svg形状.连接点我使用catmull-rom-spline.问题是路径关闭的点不平滑.
这是我的项目中的一个示例路径:
M125,275R 125,325 175,325 225,325 275,325 225,275 175,275 125,275Z
Run Code Online (Sandbox Code Playgroud)
我也创建了一个jsfiddle:http://jsfiddle.net/ry8kT/
这可以通过catmull曲线实现吗?如果没有,你能告诉我一个如何获得完全平滑的形状的例子吗?
非常感谢McFarlane
小智 3
在第一个示例中,路径从 125,275 开始,在关闭之前再次位于 125,275。因为“Z”创建了另一个连接起点和终点的平滑路径段,所以您得到了那个小环。如果在返回起点之前关闭它,您将获得接触所有给定点的所需平滑形状。
这是示例路径的更正版本:
M125,275R 125,325 175,325 225,325 275,325 225,275 175,275Z
Run Code Online (Sandbox Code Playgroud)