是否有人知道更改内容后如何强制IE和Edge显示/刷新嵌入式SVG(请参见下面的代码)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Title</title>
<script type="text/javascript">
function onClick() {
document.getElementById('svg').innerHTML = '<circle r="50" cx="50" cy="50" fill="red" />';
}
</script>
</head>
<body>
<button type="button" onclick="onClick()" >Display red circle</button>
<svg id="svg"/>
</body>
</html>
最佳答案
基本上，您不需要重新加载任何内容。实际上，问题是不同的。您将无法使用标准innerHTML方法与SVG进行交互。调用innerHTML后，您的SVG不会更新。此方法仅适用于编辑HTML元素。
请看一下这个:
update SVG dynamically
关于javascript - 从javascript更改后如何重新绘制SVG(Internet Explorer和Edge)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36339444/