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');