为什么我的 SVG 在 Internet Explorer 中无法正确缩放？

由于缺少宽度和高度，SVG 无法在 IE 中正确缩放

在此问题中，用户遇到了 SVG 在 IE 中的缩放问题互联网浏览器。该错误源于 SVG 中缺少明确的宽度和高度属性。

解决方案：提供宽度和高度属性

为了解决该问题，用户使用了尼古拉斯·加拉格尔 (Nicolas Gallagher) 发现的技术，其中涉及使用隐藏的“画布”。元素为 SVG 提供必要的宽高比。

实现：

1. 添加一个 元素添加到 HTML，其宽度和高度属性设置为匹配 SVG 的大小。
2. 隐藏 通过将其可见性设置为隐藏来使用 CSS。
3. 将 SVG 绝对放置在 <div> 内使用 CSS。

   CSS:

   canvas {
       display: block;
       width: 100%;
       visibility: hidden;
   }
   
   svg {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
   }

   HTML:

   <div>

   通过实施此解决方法，用户成功解决了 Internet Explorer 中的缩放问题，使 SVG 能够正确显示。