vml使用javascript將行添加到v：group中

Question

我需要一些幫助，使用Javascript將vml行元素繪製到vml組元素中，該元素在HTML代碼中定義。

我五：組元素，它具有其他VML元素，如五：弧形或V：RECT ...：

<div style="width: 940px; height: 490px; margin-bottom: 60px; position: relative; top: -440px; left: 20px;"> 
    <v:group ID="vmlgruppe" style="width:940px; height: 470px; clip:hidden;  position:relative;" coordsize="210, 105" xmlns:v="urn:schemas-microsoft-com:vml"> 

現在我有使用JavaScript來繪製VML線元素。

  document.namespaces.add("v","urn:schemas-microsoft-com:vml", "#default#VML"); 
      var container12 = document.getElementById("vmlgruppe"); 
      var line = document.createElement("v:line"); 

      line.strokecolor = "black"; 
      line.from = "105,10"; 
      line.to = "120, 74"; 
      line.style.position = "absolute"; 

      vmlgruppe.appendChild(line); 

它工作正常，如果我畫一個行元素而不使用Javascript。 但是，如果我使用Javascript繪製相同的線條元素，該元素有不同的位置。錯誤在哪裏？有人可以幫助我嗎？ 謝謝。

Answer 1

我解決了這個問題。

我v中使用：組的V：線元件與ID

<v:line id="progression-0" from="-10, -10" to="-10, -10"></v:line> 

而且在Javascript我用下面的代碼：

var line = document.getElementById("progression-0"); 
line.from = x + "," + y ; 
line.to = x2 + "," + y2; 
line.strokeweight = 4+"px"; 
line.style.opacity = 0.3;