javascript - jQuery crSpline : weird animation

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)]);
});