javascript - 如何将 JS 函数的结果解析为 SVG 对象？

Question

<script type="text/ecmascript">
<![CDATA[
function setCoordinates(evt) {
var centerX = Math.round(Math.random() * 1000);
var centerY = Math.round(Math.random() * 1000);      
evt.target.setAttributeNS(null,"cx",centerX);
evt.target.setAttributeNS(null,"cy",centerY);
}
]]>
</script>

那是我的职责。我真的很困惑如何将结果解析（不确定这是否是正确的词）到一个圆圈中的属性。

假设我的圈子如下：

<circle cx="0" cy="0" r="10" fill="red" />

调用该函数并将属性值解析为圆圈所需的 Javascript 是什么？

Answer 1

我不认为你想要一个事件参与。你可能想要类似的东西

function setCoordinates(circle) {
  var centerX = Math.round(Math.random() * 1000);
  var centerY = Math.round(Math.random() * 1000);      
  circle.setAttribute("cx",centerX);
  circle.setAttribute("cy",centerY);
}

（setAttributeNS()如果您仍然使用命名空间，则不需要null。）

如果你给你的圈子一个 ID，比如

<circle cx="0" cy="0" r="10" fill="red" id="myCircle"/>

然后您可以使用以下代码更改坐标

setCoordinates(document.getElementById("myCircle"));