溫馨提示×

setAttribute在SVG中的使用技巧

小樊
152
2024-06-27 00:43:43
欄目: 編程語言

在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是一種非常實用的方法。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女