首页 > 解决方案 > 为什么文本元素不显示在独立的 SVG 中

问题描述

为什么浏览器会显示它是否作为 SVG 元素嵌入到 html 中,但如果 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>

标签: svg

解决方案


SVG 区分大小写,正确的元素名称是文本而不是 TEXT。

然而,HTML 不区分大小写,因此如果您将 SVG 嵌入 HTML 中,则它是用于解析标记的 HTML 规则,这意味着它会自动将 TEXT 转换为正确的形式。


推荐阅读