【发布时间】:2018-03-17 19:22:55
【问题描述】:
我正在尝试在 SVG 中实现一个复杂的图表,并且有一个特定的属性组合将浏览器发送到一个循环中,刷新页面几次,然后登陆一个错误页面,上面写着:
此页面加载时出现问题
我们曾多次尝试为您加载此页面,但该站点仍然存在问题。我们知道您有更好的事情要做,而不是一遍又一遍地观看此页面重新加载,因此请稍后再返回此页面。
当我将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>
测试:
Windows 10 版本 1607,操作系统内部版本 14393
Microsoft Edge 38.14393.0.0 / Microsoft EdgeHTML 14.14393
为什么会这样?我该如何解决这个问题?
【问题讨论】:
标签: svg cross-browser microsoft-edge