2

我需要一些帮助来使用 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 绘制相同的线元素，则该元素的位置不同。错误在哪里？有人可以帮我吗？谢谢。

4

1 回答 1

0

我解决了这个问题。

我在 v:group av:line 元素中使用了一个 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;
于 2012-11-09T08:49:45.747 回答