javascript - jquery crSpline：奇怪的动画

Question

我尝试了 jquery crSpline 插件（http://ijin.net/crSpline/demo.html），但是最后一个坐标我有一些奇怪的运动。

红点的 top 属性在最后一个位置（例如 -3000px）上变得狂野。

在这里你可以找到一些代码：https ://github.com/xseignard/test-crspline

和这里的演示：http: //xseignard.github.com/test-crspline/

你看出什么不对了吗？

甚至更好，既然插件开发似乎已经死了，你有替代方案吗？

问候，

泽维尔

Answer 1

问题是，您不能将字符串值x和整数转换y为整数。这就是数学与字符串一起工作并进行字符串连接而不是求和（例如在generateExtension方法中）的原因。

只需添加parseInt到您的坐标转换中，一切都会奏效。

$.each(json, function() {
    points.push([parseInt(this.x, 10), parseInt(this.y, 10)]);
});