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