SVG DOM 使用变量来定义对象属性

svg dom use variables to define object attributes

本文关键字:定义 对象 属性 变量 DOM SVG      更新时间:2023-09-26

你能帮我吗?我想使用 javascript 来使用给定变量更改 svg 多边形的形式。我试过这个:

var example = 200;
document.getElementById('myPolygon').setAttribute('points','50,50 50,100 example,100');

它不起作用。双引号也不起作用。但是,我需要变量,因为它会随着时间的推移而变化。在这种情况下,正确的语法是什么?

我找过这样的问题,但没有找到。如果这个论坛上已经为我的问题提供了解决方案,请告诉我它的链接。谢谢!

试试这个。你应该在字符串之间附加变量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');