svg - 为什么文本元素不显示在独立的 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 区分大小写,正确的元素名称是文本而不是 TEXT。
然而,HTML 不区分大小写,因此如果您将 SVG 嵌入 HTML 中,则它是用于解析标记的 HTML 规则,这意味着它会自动将 TEXT 转换为正确的形式。
推荐阅读
- twig - 在 Craft 3 中使用 {% requireLogin %} 时如何设置自定义重定向 URL?
- php - 为什么我在尝试发送电子邮件以使用 phpmailer 激活新用户帐户时收到此错误
- python-3.x - 仅当不存在某些异常时,如何拆分字符串?
- c# - 用于 Cordova Windows 的本机(C#、C++)UI 插件?
- scala - 在 WindowedStream 中查找计数 - Flink
- python-3.x - 如何过滤数据框的重复行?
- c++ - Google Mock - 如何使用 EXPECT_CALL 返回不同的值以退出循环
- sql - 如何将信号滤波器(高通/低通)应用于 sql 数据
- reactjs - 如何显示来自嵌套 graphQl 查询的数据
- http - 浏览器给我 http 状态码 200,而 curl 给我状态码 301