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'，则将示例视为字符串的一部分。 '50,50 50,100 '+example+',100'在这里，您将变量example的值添加到字符串。

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