我在 html 嵌入的 svg 图像中使用 javascript 构建 svg 元素时遇到问题。我创建了两个应该完全相同的文件，但其中一个是用 js 构建的。
SVG.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>Pozadí</title>
</head>
<body>
<svg
id="pozadi"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
height="200"
width="200"
>
<path
d="M 0,0 L 150,150 L 100,150 L 150,150 L 150,100"
style="stroke: #000; stroke-width: 2px; stroke-linecap: round; fill: none;"
>
<animate
from="M 0,0 L 150,0 L 115,35 L 150,0 L 115,-35"
to="M 0,0 L 150,150 L 100,150 L 150,150 L 150,100"
dur="10s"
begin="5s"
attributeType="XML"
attributeName="d"
>
</animate>
</path>
</svg>
</body>
</html>
JS.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>Pozadí</title>
</head>
<body>
<svg
id="pozadi"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
height="200"
width="200"
>
</svg>
<script>
var svg = document.getElementById('pozadi');
var path = document.createElementNS('http://www.w3.org/2000/svg/','path'); //I have tried createElement(string) too
path.setAttribute('style',"stroke: #000; stroke-width: 2px; stroke-linecap: round; fill: none;");
path.setAttribute('d',"M 0,0 L 150,150 L 100,150 L 150,150 L 150,100");
var anim = document.createElementNS('http://www.w3.org/2000/svg/','animate');
anim.setAttribute('from','M 0,0 L 150,0 L 115,35 L 150,0 L 115,-35');
anim.setAttribute('to','M 0,0 L 150,150 L 100,150 L 150,150 L 150,100');
anim.setAttribute('dur','10s');
anim.setAttribute('begin','5s');
anim.setAttribute('attributeType','XML');
anim.setAttribute('attributeName','d');
path.appendChild(anim);
svg .appendChild(path);
</script>
</body>
</html>
第二个文件 JS.html 是纯白色的。
我想问一下，如何纠正？谢谢，m93a
