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