raphael js chemin chaning basé sur l'entrée de formulaire

Question

J'utilise Jquery .keyup et .val pour saisir ce que je tape dans une entrée de formulaire. Ensuite, je place la valeur dans une variable. Après avoir dessiné un cercle sur du papier que j'ai créé avec du raphael. Je veux modifier un chemin basé sur la variable que j'ai créée avec l'entrée de formulaire. En ce moment je peux mettre des entrées numériques dans le champ de saisie et une taille différente de cercle est dessinée. Qu'est-ce que je veux faire est de changer un point sur un chemin var path = paper.path("M 250 250 l 0 -50 l -10 0 l 0 50 z" ); avec la valeur de ce qui est tapé de sorte qu'il ressemble à ceci var path = paper.path("M 200 250 l 0 -50 l -10 0 l 0 value z" );

Ainsi le premier var chemin devrait changer un de ses points lorsque vous tapez 100 dans le champ de saisie à 100. En ce moment, il ne fait rien. Ce que j'essaye de faire finalement est d'avoir une barre de progression qui change la taille en fonction de ce qui est tapé dans trois champs d'entrée différents. S'il y a une autre approche, je suis totalement ouvert.

http://jsfiddle.net/anderskitson/XPwrj/1/

var paper = new Raphael(document.getElementById('canvas_container'), 500, 500); 
    $("input").keyup(function() { 
     var value = $(this).val(); 

     //var paper = Raphael(10, 50, 320, 200); 
      var circle = paper.circle(50, 40, value); 
      var path = paper.path("M 200 250 l 0 -50 l -10 0 l 0 value z" ); 
      var path = paper.path("M 250 250 l 0 -50 l -10 0 l 0 50 z" ); 
      /*path.animate({ 
      path: "M 250 250 l 0 -100 l -10 0 l 0 100 z" 
     }, 5000, 'elastic');*/ 

     }).keyup(); 

Answer 1

Votre code utilise la "valeur" comme une partie de la chaîne, pas une variable. Modifier votre code de chemin d'accès à

var path = paper.path("M 200 250 l 0 -50 l -10 0 l 0 "+value+" z" );