Html 为什么赢了'；t文本转换在Firefox中的SVG文本上工作？

我开始尝试SVG，我不确定这是否是我做错了，它不受支持，或者它只是一个Firefox错误

这是SVG中的行

<text x="177" y="658">Web Interactive</text>

这适用于Opera、Chrome、IE9和Safari。我还测试了

字母间距

，除Firefox外，其他所有浏览器都可以使用

---

参考页：

它不适用于所有浏览器，因为它不是有效的SVG属性。它不显示在此列表中：

Bugzilla上有关于它的问题，但结论是没有将它添加到Firefox中

---

SVG中没有文本转换属性：如果它在其他浏览器中工作，那么可能是因为html文本和SVG文本呈现共享代码。我想，任何浏览器都可能删除此功能，因为它不在规范中，尽管它更有可能添加到SVG规范的未来版本中，而不是从现有实现中删除。不过，Firefox中还没有实现字母间距：

您不能使用css，但可以使用javascript将其大写。如果希望所有svg文本元素都大写。在我的例子中，文本元素中有tspan元素，所以这是我的（jquery）代码：

---

文本转换的解决方法：大写

？当然可以。但是你确定你想听这个吗？你不会喜欢它的…：）不仅仅是大写字母，而且它实际上不起作用，因为它改变了字母间距，这同样无法纠正，因为字母间距在SVG中也不是一个属性P我确实为此做了准备，但我的意思是解决SVG中文本的“高级”格式问题。将HTML文本放在SVG下面也不起作用，因为它的缩放比例不同。实际上，文本间距是一个属性，但它肯定也不起作用。我不知道，对不起，我不是SVG专家；几个月前才开始尝试，遇到了和你一样的障碍。例如，结果在不同的浏览器中看起来不一样。还没有找到任何解决办法。

svg text{
position:relative;
font-size:7.3em;
font-family:'GothamBookRegular',Helvetica,Arial,sans-serif;
font-variant:normal;
font-style:normal;
text-transform:uppercase;
text-align:left;
fill:#282828;
color:#282828;
}

$('svg text tspan').each( function (){
    txt = $(this).text().toUpperCase();
    $(this).text(txt);
})