Проверьте, поддерживает ли браузер функцию svg # Text

Question

Я работаю над проектом, в котором использую функцию svg # text.

Я проверил это, используя следующий фрагмент

document.implementation.hasFeature(
"http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1");

И он вернулся true

Но когда я попробовал следующий фрагмент,

document.implementation.hasFeature(
"http://www.w3.org/TR/SVG11/feature#Text", "1.1");

Я получаю false.

Что еще мне встречалось, так это то, что chrome возвращает true в каждом случае, почему? например

document.implementation.hasFeature(
"http://www.w3.org/TR/SVG11/feature#BlaBlaXYZ", "1.1");

Теперь это тоже возвращается true в chrome.

[EDIT] Следующий пример не работает в старых браузерах Firefox

 <svg id="main_svg" xmlns="http://www.w3.org/2000/svg" style="position:absolute;left:0;top:0;z-index:1;pointer-events:none;height:512px;width:512px">
    <text id="abc" font-family="sans-serif" font-size="10pt">
        <tspan id="xyz" x="510" y="243" text-anchor="end" fill="blue">foo</tspan>
        <tspan id="xyz_sh" x="509" y="242" text-anchor="end" fill="white">another foo</tspan>
    <text>
 <svg>

Answer 1

hasFeature устарела некоторое время назад. Чтобы облегчить миграцию людей, чтобы не использовать ее, она все еще существует (некоторое время), но предполагается, что всегда возвращает true независимо от входных аргументов.

Chrome, Firefox и Edge всегда возвращают true.

hasFeature никогда не было достаточно гранулированным.

• Должен ли браузер возвращать true, если они реализовали текст, но не tspan.
• Что если они внедрили оба, но не несколько значений x?
• Что если они сделали несколько значений x, но была ошибка, из-за которой вы не могли ее использовать?