html - 如何根据变量的值在内联 SVG 中生成不同的文本？

Question

我想根据外部变量的值动态生成一个 svg，

例如，如果 html 页面变量 lang 设置为“eng”， 将显示文本“Circle”，否则将显示具有相应语言的文本。

<svg height="300" width="100">
    <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="green" />
    <text x = "50" y="150">Circle</text>
</svg> 

有什么建议吗？

谢谢大家!!

Answer 1

SVG 是 XML，所以使用 XSLT将一个 XML 转换为另一个 XML。 XSLT 可能使用多个“外部”文档存储，例如字典数据、标签、翻译等。