Also, make sure you follow these instructions to tell Inkscape to maintain compatibility with SVG 1.1:įurthermore, there are some JavaScript libraries that can be used to dynamically automate text wrapping:
This will allow you to write your text, with wrapping, which will wrap based on the bounds of the shape. For example, in Inkscape, select the shape you want, and the text you want, and use Text -> Flow into Frame. The SVG 1.1 specification provides a good overview of this limitation, and the possible solutions to overcome it:Īs a primitive, text wrapping can be simulated by using the dy attribute and tspan elements, and as mentioned in the spec, some tools can automate this. It's typically up to you, the developer, to position text manually. SVG 1.2 Tiny added text wrapping, but most implementations of SVG that you will find in the browser (with the exception of Opera) have not implemented this feature.
