2013-12-18 25 views
0

在Firefox和IE中,以下SVG代码有效,它在<tspan> x属性中列出的x坐标处绘制单词EXAMPLE的每个字符,并且在y坐标。Chrome中的SVG,<tspan>忽略x和y值

<text style="font-size: 183px ; fill:rgb(0 , 0 , 0); font-family: Trebuchet MS"> 
    <tspan x="1575 1716 1857 1998 2139 2280 2421" y="212">EXAMPLE</tspan>  
</text> 

根据w3.org这在SVG 1.1和1.0都很好。

但是,在Chrome中,这些值将被忽略,并且它们将一直绘制在视图框的左上角。如果我将x和y值复制到<text>标记中,那么它可以在Chrome(FF和IE)中工作。

<text style="font-size: 183px ; fill:rgb(0 , 0 , 0); font-family: Trebuchet MS" 
x="1575 1716 1857 1998 2139 2280 2421" y="212"> 
    <tspan>EXAMPLE</tspan>  
</text> 

由于我正在使用的文件是通过程序自动生成的,所以对于我来说做出这样的改变并不那么容易。

为什么Chrome会忽略这些元素?正在对程序进行更改,这是我唯一的选择吗?

+0

你有报道http://crbug.com这个错误? –

回答