CSS 缩放在 IE10 中无法正常工作

Question

我已尝试缩放以下 SVG 路径。这在 chrome 和 firefox 中运行良好。但在 IE10 中它不起作用。有什么建议？请在下面找到我的代码。

.two {
  transition: all 2s ease-in-out 0.5s;
  -webkit-transition: all 2s ease-in-out 0.5s;
}

#scale {
  height: 150px;
  width: 100px;
  text-align: center;
  margin: 0 auto;
}

#scale {
  border: 1px blue solid;
}

.grow:hover {
  transform: scale(2.0);
  /*-ms-transform: scale(2.0);*/
  -webkit-transform: scale(2.0);
}

<svg width="220" height="220">
  <g transform="translate(110,110)">
    <path d="M0 -43.3 50 43.3 -50 43.3Z" fill="yellow" stroke="blue" stroke-width="2"
          id="scale" class="grow two" />
  </g>
</svg>

提前致谢。

Answer 1

如果您从 Can I Use 对于 SVG，您会发现类似这样的屏幕截图

也就是说IE10不支持<svg></svg>。