Почему текстовые элементы не отображаются в автономном SVG

#svg

Вопрос:

Почему браузер показывает, встроено ли это в html как элемент SVG, но не отображается, если SVG хранится отдельно. Линии показаны в обоих случаях:

<svg version ="1.1" class="scaling-svg" viewbox="0 0 840 840" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > <TEXT xmlns="http://www.w3.org/2000/svg" x="420" y="20" font-size="20" text-anchor="middle" fill="#646464">Text</TEXT>

Ответ №1:

SVG чувствителен к регистру, и правильное имя элемента-текст, а не ТЕКСТ.

HTML, однако, не чувствителен к регистру, поэтому, если вы вставляете SVG в HTML, это правила HTML для разбора разметки, и это означает, что он автоматически преобразует ТЕКСТ в правильную форму.