SVG 移动方向更改

Question

我正在开发一个 SVG，到目前为止一切都很好，除了一个问题。

通常，在根元素上没有宽度/高度属性的情况下，SVG 会缩放以填充视口。

但是在移动设备上，我注意到更改方向会破坏此功能。当从纵向旋转到横向时，原始屏幕宽度变为视口的宽度，并且 SVG 远离底部。向后旋转会产生相反的问题，导致 SVG 非常小。

这不会在桌面上发生，当调整浏览器窗口大小时 - SVG 会正确调整其比例以填充可用空间。

如何在屏幕方向改变时强制 SVG 比例正确重新计算？

Answer 1

已通过强制重绘解决了该问题。这可以通过执行任何导致 SVG 以某种方式发生变化的操作来完成，即使该“更改”是无操作的。

在这种情况下...

window.addEventListener('resize',function() {
    svg.setAttribute("x",0);
});

...工作得很好。