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