结果 - 在线编辑器

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="100" cy="100" rx="100" ry="60" id="ellipse"
      onclick="outputSize();"></ellipse>
</svg>

<script>
function outputSize() {
  const ellipse = document.getElementById("ellipse");

  // "输出 “水平半径：100 垂直半径：60”
  console.log(
    `水平半径：${ellipse.rx.baseVal.valueAsString}`,
    `垂直半径：${ellipse.ry.baseVal.valueAsString}`
  )
}
</script>
​x
 
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="100" cy="100" rx="100" ry="60" id="ellipse"
      onclick="outputSize();"></ellipse>
</svg>
​
<script>
function outputSize() {
  const ellipse = document.getElementById("ellipse");
​
  // "输出 “水平半径：100 垂直半径：60”
  console.log(
    `水平半径：${ellipse.rx.baseVal.valueAsString}`,
    `垂直半径：${ellipse.ry.baseVal.valueAsString}`
  )
}
</script>
​