渲染 SVG textPath 时 MS Edge 崩溃

Question

我正在尝试在 SVG 中实现一个复杂的图表，并且有一个特定的属性组合使浏览器进入循环，刷新页面几次，然后登陆一个错误页面，上面写着：

This page is having a problem loading

We tried to load this page for you a few times, but there is still a problem with this site. We know you have better things to do than to watch this page reload over and over again so try coming back to this page later.

当我将 textPath 附加到 path，text-anchor 设置为 middle 或 end（start工作正常）。

这是一些示例代码，jsbin

<svg>
  <path d="M10 10 H 90 V 90 H 10 L 10 10" id="pathId"></path>
  <text text-anchor="middle">
    <textPath xlink:href="#pathId">Some long text on the path</textPath>
  </text>
</svg>

正在测试：

Windows10，版本 1607，OS内部版本 14393

Microsoft Edge 38.14393.0.0 / Microsoft EdgeHTML 14.14393

为什么会这样？我该如何解决这个问题？

Answer 1

显然这是微软方面的问题 - https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8502609/

我将 Microsoft Edge 更新到版本 38.14393.1066.0 后问题消失了

渲染 SVG textPath 时 MS Edge 崩溃

MS Edge crashing when rendering SVG textPath

svg

cross-browser

microsoft-edge