在Firefox和IE中,以下SVG代码可以正常工作,它会在
属性中列出的x坐标和y坐标中的所有字符上绘制单词EXAMPLE的每个字符。<tspan> x
<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会忽略这些元素?是否在这里更改程序是唯一的选择?
答案 0 :(得分:0)
尝试使用dx
和dy
,您可以在此处找到有关如何使用它们的信息:http://tutorials.jenkov.com/svg/tspan-element.html