用于网络的多语言 SVG

平面设计 网站设计 墨景 svg
2022-02-19 00:25:42

有没有办法为网络创建多语言 SVG 文件?

我有一个在网站上使用的带有文本的 SVG。

现在,如果用户更改网站上的语言,我通常应该为该语言创建一个新图像。有没有办法将翻译字符串添加到根据某些参数更改的 SVG?

2个回答

如果我是你,我会使用 jQuery 来检测浏览器是什么语言并使用单独的文件,例如:

icon_de.svg
icon_en.svg
icon_se_svg

然后使用 jQuerynavigator.language来检测语言,如果你有那个 SVG 集然后追加到icon_.svg.

示例navigator.language

if (window.navigator.language != "en") {       
  doLangSelect(window.navigator.language); 
}

研究:

在 SVG 渲染器中对此的支持并不普遍,所以不要依赖它,但它在哪里可以工作:

<switch>
  <text systemLanguage="de">Das ist der übersetzte Text auf Deutsch</text>
  <text>This is the default text in English</text>
</switch>