SVG文本选择不能在Chrome中使用吗?

时间:2019-01-18 14:44:21

标签: html google-chrome svg

由于某些原因,我无法选择要在Chrome中使用的SVG元素的文本。

我最初是将PDF文件转换为SVG,但当该文件不起作用时,我认为可能是SVG文件中的所有多余数据。因此,我的SVG示例非常简单,例如下面的示例,但Chrome仍然显然无法正确选择文本。在其他浏览器中也可以正常工作。

<!DOCTYPE html>
<html>
<body>

<svg height="90" width="400">
    <text x="10" y="20" style="fill:red;">Several lines for testing:
        <tspan x="10" y="45">This is a sentance on the first line.</tspan>
        <tspan x="10" y="70">Testing a second line as well with text selection</tspan>
    </text>
</svg>

</body>
</html>

这在其他浏览器中正常运行,没有任何问题。我可以单独选择每一行,也可以完全没有问题。我是在做错什么还是Chrome中的错误?

我需要能够在HTML页面中显示转换后的SVG内容,并允许用户根据需要选择文本。

1 个答案:

答案 0 :(得分:1)

进行更多挖掘后,发现这是70.0.3538.67中报告的Chrome回归问题。

https://bugs.chromium.org/p/chromium/issues/detail?id=897752#c27

根据将在Chrome 72中修复的错误(将于2019年2月稳定)。