svg dom使用变量定义对象属性

Question

你能帮助我吗？ 我想使用javascript，以便使用给定变量来更改svg多边形的形式。 我尝试了这个：

var example = 200;
document.getElementById('myPolygon').setAttribute('points','50,50 50,100 example,100');

这是行不通的。 双引号也不起作用。 但是，我需要变量，因为它会随时间变化。 在这种情况下正确的语法是什么？

我一直在寻找这样的问题，但没有找到。 如果此论坛上已经提供我的问题的解决方案，请告诉我它的链接。 谢谢！

Answer 1

试试这个。您应该在字符串之间附加变量example的值。 如果您使用'50,50 50,100 example,100' ，则example被视为字符串的一部分。 '50,50 50,100 '+example+',100'在这里，您要将变量example值添加到字符串。

document.getElementById('myPolygon').setAttribute('points','50,50 50,100 '+example+',100');