时间戳

首页 > 解决方案 > SVG：在定义的文本中使用多种系统语言选项

svg - SVG：在定义的文本中使用多种系统语言选项

问题描述

我有一个已定义的元素，一个 SVG 图像。理想情况下，我希望您使用图像的人只需在定义的元素中替换他们的本地语言，而不必在其余代码中重命名 ID。 

<def>
<text id="label_1" systemlanguage="en" font-size="20px" font-family="sans-serif" font-weight="bold" > C </text>
</def>

然后我在图像中多次调用“label_1”，但这无助于识别系统语言问题（每种语言都需要单独的标签）。知道如何制作一个通用标签，其中每种语言只定义相同的命名 id 吗？例如

<def>
<text id="label_1"font-size="20px" font-family="sans-serif" font-weight="bold">
<systemlanguage="en"; C>
<systemlanguage="de"; D> </text>
</def>

或类似的东西？

标签： svg

解决方案

你正在寻找这样的东西吗？根据您首选的 UA 语言，这将显示不同的单词。

<svg>
  <switch>
    <text x="230" y="150" systemlanguage="en">English</text>
    <text x="230" y="150" systemLanguage="es">Spanish</text>
  </switch>
</svg>

这与 SVG 本身所做的一样多。其他任何东西都需要javascript。

推荐阅读