Chrome中的SVG,<tspan> x和y值被忽略</tspan>

时间:2013-12-18 11:54:50

标签: html google-chrome browser svg

在Firefox和IE中,以下SVG代码可以正常工作,它会在<tspan> x属性中列出的x坐标和y坐标中的所有字符上绘制单词EXAMPLE的每个字符。

<tspan> x

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

但是,在Chrome中,这些值会被忽略,并且会在视图框的左上角一直向上绘制。如果我将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> 标记中,那么它可以在Chrome中使用(FF和IE也可以)。

<text>

由于我正在使用的文件是从程序自动生成的,因此对我来说进行更改并不是那么容易。

为什么Chrome会忽略这些元素?是否在这里更改程序是唯一的选择?

1 个答案:

答案 0 :(得分:0)

尝试使用dxdy,您可以在此处找到有关如何使用它们的信息:http://tutorials.jenkov.com/svg/tspan-element.html