Html 根据要使用的语言显示Svg文本

如何根据所使用的语言使要显示的文本有所不同

例如，如果文本位于：

Spanish I would like to use the text: Hola!

Italian I would like to use the text: Ciao!

English I would like to use the text: Hi!

如果未传递任何语言，则为默认语言，例如英语

你好

您可以使用开关元件。将浏览器的语言设置更改为更喜欢意大利语或西班牙语以查看文本更改

为什么他们不能说英语呢？
英语（美国）
你是不是在卡斯特拉诺的城堡里做了些简单的事情？
西班牙语（ES）
你是不是想和意大利人谈判？
意大利人

在现代浏览器中，可以使用自定义元素动态生成SVG

使用Roberts

systemLanguage

增强SVG

对于React，您必须在每个自定义元素周围添加额外的包装器代码，
React仅支持此W3C标准，
所有其他框架都是使用W3C标准自定义元素API的100%BFF

customElements.define（'svg-text'，类扩展了HtmleElement{
静态get ObservedAttribute（）{
返回[“填充”、“宽度”、“高度”、“笔划”、“填充”、“文本”，
“x”、“y”、“字体大小”、“旋转”
]；//每当这些属性更改时更新
}
connectedCallback（）{
让[bgfill=“粉红”，宽度=200，高度=150，笔划=“无”，填充=“绿色”，
text=“你好”，x=“50%”，y=“50%”，fontsize=“1em”，rotate=“0”
]=this.constructor.observedAttribute.map（x=>this.getAttribute（x）| |未定义）；
this.innerHTML=`+
`` +
`${text}`
}
attributeChangedCallback（名称、旧值、新值）{
如果（this.isConnected）this.connectedCallback（）；
}
});
//更改属性的示例
设置超时（（）=>{
document.querySelector（“svg text”）.setAttribute（“text”、“Ola！”）；
}，21e2）

如何更改语言？例如，使用cookie或会话，或者您可以切换要命名的语言。svg？lang=esif use session（php？）simple change Hi！使用变量no？在本例中，使用reactjs/angular的环境不支持php。我发现：我不知道它是否有效，目前我的语言与我检查的语言不同，我检查英语，但目前使用的语言是意大利语。作为一个浏览器，我使用的是google chrome。我宁愿避免使用浏览器语言，而是切换语言或使用cookie/session的语言。@paul好的，但这太宽泛了。创建cookie有问题吗？读饼干？在读取cookie后编写代码以切换语言？你需要告诉我们你已经做了多少。我以为我在做什么，但我找不到任何方法，在svg中定义一个示例字典，然后传递语言示例或从cookie中读取，然后打印文本。因此，如果我们想简而言之：为每种语言定义一个文本，阅读语言，然后使用正确的语言。我发现：有一个select允许您选择语言，然后所选语言更改url，从而也更改svg。但我不明白它是如何工作的。你怎么说如果我使用react，我应该定义一个组件？你自己在那里，我建议我的客户放弃react，这是新的Flash，过时的技术离开react干什么？我很困惑。