2

HTML コードで定義されている vml グループ要素に Javascript を使用して vml ライン要素を描画する際に助けが必要です。

v:arc や v:rect... などの他の vml 要素を持つ v:group 要素:

   <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 に答える