0

実行時に次の文字列を取得します。

<path id= "3" d=" M 70.7107 40.8248 L -1.42109e-014 -7.10543e-015 " />
<path id= "4" d=" M 70.7107 -40.8248 L 70.7107 40.8248 " />

次のようにSVG要素を生成します

var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");

ここで、動的に作成された SVG 要素の子として 2 つのパス要素を生成したいと思います。何かヒントはありますか？事前にどうもありがとう、

ブラジル

4

1 に答える 1

2 
var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.innerHTML = '<path id= "3" d=" M 70.7107 40.8248 L -1.42109e-014 -7.10543e-015 " /> <path id= "4" d=" M 70.7107 -40.8248 L 70.7107 40.8248 " />';
document.body.appendChild(svg); //replace document.body with wherever you want to put your svg

https://developer.mozilla.org/en-US/docs/Web/API/Node.appendChild経由

または多分もっと簡単です：

<html>
<body>
    <div id="svgDiv"></div>
    <script>
    var div = document.getElementById("svgDiv");
    var paths = '<path id= "3" d=" M 70.7107 40.8248 L -1.42109e-014 -7.10543e-015 " /> <path id= "4" d=" M 70.7107 -40.8248 L 70.7107 40.8248 " />';
    div.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1">' + paths + '</svg>';
    </script>
</body>
</html>

または、 jQueryを使用して DOM 操作を簡単にすることも検討してください。

于 2013-10-07T07:37:10.657 に答える