2010-06-04 60 views
0

我已經閱讀了其他與使用JavaScript創建SVG相關的問題,並且關注了任何鏈接,但我似乎無法得到它的工作。也許這裏有人可以發現我要出錯的地方。使用JavaScript努力創建SVG形狀

編輯:我目前有一個與ID'svgbasics'在文檔正文的div,我試圖使用我從XML文檔中檢索到的值創建一個SVG形狀。

當我加載頁面時,什麼都不顯示。

這裏是我的代碼:

     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')); 
         } 
        }); 
        } 
+0

如果您已經使用JavaScript,難道不會更容易使用嗎? (原理相同,但沒有命名空間) – Dormilich 2010-06-04 12:04:54

+0

我選擇使用SVG的原因是因爲我打算使用SVG形狀來構建一個UI,並且從我的理解來看,SVG是比Canvas更好的事件處理選擇。 – 2010-06-04 12:07:38

回答

0

這是相當很難說什麼是錯的,而無需完整的上下文。我首先建議在DOM/JS調試器中檢查您的內容,例如Opera Dragonfly,Webkit Web Inspector或Mozilla Firebug。驗證所有元素的創建是否正確,並且它看起來像您在DOM樹中所期望的那樣。