如何使SVG尊重文本宽度并使其相应地断行?

时间:2011-01-10 11:11:02

标签: svg text-formatting

与HTML一样,但我不想使用foreignObject。

这应该是一个标准问题,所以我猜有一个标准解决方案,虽然找不到。

由于

拉​​斐尔

4 个答案:

答案 0 :(得分:2)

SVG 1.2T <textArea> element是标准方式。使用javascript也可以实现类似的功能,这可以作为后备使用。请参见例如http://www.carto.net/papers/svg/textFlow/

答案 1 :(得分:1)

我在PHP函数imagettfbbox()的帮助下渲染了这一行,以测量行长。

最佳

拉​​斐尔

答案 2 :(得分:0)

好的......标签就是“自动换行”,看起来这只是在SVG 1.2中实现的。虽然FireFox不支持W3C(http://www.w3.org/TR/SVGTiny12/text.html#TextInAnArea)上的示例......哦,我的

答案 3 :(得分:0)

标准解决方案是SVG1.2,但它没有实现,所以我猜目前的foreignObject解决方案是最好的。