如何知道SVG何时完成渲染？

<svg onload="svgLoaded()" ...>
  ...
</svg>

<script>
function svgLoaded() {
  console.log("SVG rendering completed");
  // 执行其他操作
}
</script>

<svg id="mySvg" ...>
  ...
</svg>

<script>
function checkSvgRendered() {
  var svg = document.getElementById("mySvg");
  if (svg.clientWidth > 0 && svg.clientHeight > 0) {
    console.log("SVG rendering completed");
    // 执行其他操作
  } else {
    setTimeout(checkSvgRendered, 100); // 每100毫秒检查一次
  }
}

checkSvgRendered();
</script>

<style>
@keyframes svgRendered {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

#mySvg {
  animation: svgRendered 1s;
}
</style>

<svg id="mySvg" ...>
  ...
</svg>

<script>
var svg = document.getElementById("mySvg");
svg.addEventListener("animationend", function() {
  console.log("SVG rendering completed");
  // 执行其他操作
});
</script>