在SVG中,可以使用setAttribute來動態添加、修改或刪除元素的屬性。其基本語法如下:
<svg id="mySvg">
<circle cx="50" cy="50" r="30" fill="red"/>
</svg>
<script>
var circle = document.getElementById('mySvg').querySelector('circle');
// 添加屬性
circle.setAttribute('stroke', 'black');
// 修改屬性
circle.setAttribute('r', '40');
// 刪除屬性
circle.removeAttribute('fill');
</script>
通過上面的例子可以看到,通過setAttribute方法可以很方便地對SVG元素的屬性進行操作。當需要對SVG圖形進行交互式操作或動態變化時,setAttribute是一種非常實用的方法。