По какой-то причине я не могу заставить текстовый элемент SVG работать в Chrome.
Я изначально начал с 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?
Мне нужно иметь возможность отображать преобразованный SVG-контент на HTML-странице и позволять пользователю выбирать текст, если это необходимо.