为什么不在Firefox中对SVG文本进行文本转换？

Question

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

这是SVG中的一行

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

这些都是风格

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;
}

这适用于Opera,Chrome,IE9和Safari.我也测试过letter-spacing,除了Firefox之外,它还可以运行.

参考页:SVG实验

Answer 1

它不适用于所有浏览器,因为它不是有效的SVG属性.它没有出现在这个列表中:

http://www.w3.org/TR/SVG/propidx.html

在Bugzilla上有关于它的问题,但结论并不是将它添加到Firefox.

https://bugzilla.mozilla.org/show_bug.cgi?id=682124

Answer 2

你不能使用css,但你可以随时使用javascript进行大写.如果您希望所有svg文本元素都大写.在我的例子中,它在文本元素中有tspan元素,所以这是我的(jquery)代码:

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