javascript - vml 添加行到 v :group using javascript

Question

我需要一些帮助来使用 Javascript 将 vml 线元素绘制到 HTML 代码中定义的 vml 组元素中。

我的 v:group 元素，它有其他 vml 元素，如 v:arc 或 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:group 中使用了一个带有 ID 的 v:line 元素

<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;