使用vanilla javascript随机移动svg对象

<svg id="mySvg" width="500" height="500">
  <!-- 在这里添加你的SVG对象 -->
</svg>

// 获取SVG元素
var svg = document.getElementById('mySvg');

// 创建一个圆形元素
var circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');

// 设置圆形的属性
circle.setAttribute('cx', 50);
circle.setAttribute('cy', 50);
circle.setAttribute('r', 10);
circle.setAttribute('fill', 'red');

// 将圆形添加到SVG元素中
svg.appendChild(circle);

// 获取SVG元素和圆形元素
var svg = document.getElementById('mySvg');
var circle = svg.querySelector('circle');

// 设置定时器来触发移动函数
setInterval(moveCircle, 1000);

// 移动函数
function moveCircle() {
  // 生成随机的x和y坐标
  var x = Math.random() * (svg.clientWidth - circle.getAttribute('r') * 2) + circle.getAttribute('r');
  var y = Math.random() * (svg.clientHeight - circle.getAttribute('r') * 2) + circle.getAttribute('r');
  
  // 移动圆形到新的位置
  circle.setAttribute('cx', x);
  circle.setAttribute('cy', y);
}