Comment est-ce que je peux rendre une spline de catmull rom en utilisant jQuery SVG?

Question

J'utilise jQuery SVG pour rendre un simple graphe 2D, mais je veux le rendre plus clair en le transformant en chemin de cat rom. SVG ne supporte que les courbes bezier, donc existe-t-il un moyen de calculer les points de contrôle afin de simuler le catmull rom?

Answer 1

Avez-vous envisagé d'utiliser d3.js? This page documents utilisant line.tension pour créer une spline Catmull-Rom.

Answer 2

Vous pouvez également envisager d'utiliser Raphael. Vous pouvez facilement splines ROM rendez Catmull de l'aide "R":

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 est disponible à http://raphaeljs.com/