Question

For fun I am trying to see how far I can get at implementing an SVG browser client for a RIA I’m messing around with in my spare time.

But have hit what appears to be a HUGE stumbling block. There is no word wrap!!

Does anyone know of any work around (I’m thinking some kind of JavaScript or special tag I don’t know)?

If not I’m either going to have to go the xhtml route and start sticking HTML elements in my SVG (ouch), or just come back again in ten years when SVG 1.2 is ready.

Answer 1

Per this document, it appears that tspan can give the illusion of word wrap:

The tspan tag is identical to the text tag but can be nested inside text tags and inside itself. Coupled with the ‘dy’ attribute this allows the illusion of word wrap in SVG 1.1. Note that ‘dy’ is relative to the last glyph (character) drawn.