Question

例如，我想在矩形的顶部放置一些文字。

<rect x="0" y="0" width="800" height="600" />
<text x="0" y="0">
    text text text text text text text text text text text text ... so on
</text>

但问题是，当文本越来越长时，它将超过矩形的原始宽度。

在HTML中我们可以使用div来包装文本，在SVG中我们如何处理它？</ p>

Answer 1

您可能想要使用svg1.2草案规范的flow *部分。

http://www.w3.org/TR/2004/WD-SVG12-20041027/flow.html

例如：

<flowRoot>
<flowRegion>
<rect x="0" y="0" width="800" height="600" />
</flowRegion>
<flowDiv>
<flowPara>text text text text text text text text text text text text ... so on</flowPara>
</flowDiv>
</flowRoot>

今天，只要svg版本设置正确，就可以使用inkscape和蜡染。

编辑：@Robert Longson它可能不是标准的，但它可以节省你的一天（等待一个体面的svg 2.0实现），因为事实上inkscape和蜡染可用于Windows和Linux ，并且能够从CLI转换/栅格化......

XML：SVG - 如何在矩形中包装文本块

1 个答案: