jquery crSpline: animation bizarre

Question

J'ai essayé le plugin jquery crSpline (http://ijin.net/crSpline/demo.html), mais j'ai un mouvement étrange avec le dernier coordonnée.

La propriété supérieure du point rouge devient sauvage avec l'avant-dernière position (quelque chose comme -3000px).

Ici vous pouvez trouver un code: https://github.com/xseignard/test-crspline

et la démo ici: http://xseignard.github.com/test-crspline/

Voyez-vous quelque chose de mal?

Ou encore mieux, puisque le développement du plugin semble être mort, avez-vous une alternative?

Cordialement,

Xavier

Answer 1

Le problème est donc, que vous ne convertissez pas les valeurs de chaîne de x et y aux entiers. C'est pourquoi les maths fonctionnent avec des chaînes et font une concaténation de chaînes au lieu de sum (par exemple dans la méthode generateExtension).

Il suffit d'ajouter parseInt à votre conversion de coordonnées et tout va fonctionner.

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