我需要一些帮助来使用 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 绘制相同的线元素,该元素的位置就会不同。错误在哪里?有人可以帮我吗。 谢谢。
最佳答案
我解决了这个问题。
我在 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;
关于javascript - vml 添加行到 v :group using javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13143868/