Difficulté à créer une forme SVG en utilisant JavaScript

Question

J'ai déjà lu les autres questions relatives à la création de SVG en utilisant JavaScript et suivi tous les liens, mais je n'arrive pas à faire fonctionner cela. Peut-être que quelqu'un ici peut voir où je me trompe.

EDIT: J'ai actuellement un div avec l'ID 'svgbasics' dans le corps du document, et j'essaye de créer une forme SVG en utilisant les valeurs que j'ai récupérées à partir d'un document XML.

Lorsque je charge la page, rien n'apparaît.

Voici mon code:

     var questions = []; 
        for (j=0; j<arrayIds.length; j++) 
        { 
        $(xml).find("C[ID='" + arrayIds[j] + "']").each(function(){ 
         // pass values 
         questions[j] = 
         { 
          typ: $(this).attr('typ'), 
          width: $(this).find("I").attr('wid'), 
          height: $(this).find("I").attr('hei'), 
          x: $(this).find("I").attr('x'), 
          y: $(this).find("I").attr('x'), 
          baC: $(this).find("I").attr('baC'), 
          boC: $(this).find("I").attr('boC'), 
          boW: $(this).find("I").attr('boW') 
         } 


         if ($(this).attr('typ') == '3') 
         { 
           var shape = this.id; 
           var svg = $('#svgbasics').svg('get'); 

           svg.rect(x($(this).find("I").attr('x')), 
           y($(this).find("I").attr('y')), 
           width($(this).find("I").attr('width')), 
           height($(this).find("I").attr('height')), 
           {fill: colours[$(this).find("I").attr('baC')]}); 

         } else { 
          // Add here 
          alert($(this).find("I").attr('x')); 
         } 
        }); 
        } 

Answer 1

Il est assez difficile de dire ce qui ne va pas sans avoir tout le contexte. Je suggère d'abord d'inspecter votre contenu dans un débogueur DOM/JS, par exemple Opera Dragonfly, Webkit Web Inspector ou Mozilla Firebug. Vérifiez que tous vos éléments ont été créés correctement et qu'ils semblent correspondre à ce que vous attendez dans l'arborescence DOM.