2012-10-30 1 views
2

HTML 코드에 정의 된 vml group-element에 Javascript를 사용하여 vml line-element를 그리는 데 도움이 필요합니다. 호 또는 V :vml 자바 스크립트를 사용하여 v : group에 행 추가

내 V : 다른 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"> 

지금 내가 자바 스크립트를 사용하여 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를 사용하지 않고 라인 요소를 그리면 올바르게 작동합니다. 하지만 자바 스크립트를 사용하여 동일한 선 요소를 그릴 경우 요소의 위치가 달라집니다. 버그는 어디에 있습니까? 누군가 날 PLZ 도와 줄래? 감사합니다. .

답변

0

나는이 문제를 해결했다.

내가 절에서 사용 : 그룹 V :

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

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

와 자바 스크립트에 선 요소는 다음 코드를 사용

관련 문제