SVG中的换行符使用带有tspan
属性的dy
元素表示。像这样:
<text>
<tspan x="10">line 1</tspan>
<tspan x="10" dy="15">line 2</tspan>
</text>
按预期显示在两行上。问题是将结果文本复制到剪贴板时没有换行符(在Chrome和Firefox中测试)。有没有办法将CR-LF编码到线端?
在剪贴板中没有换行符会导致在SVG应用程序中显示代码示例时出现问题,例如,因为用户无法将代码复制并粘贴到编辑器中。
以下是JSFiddle中的演示:https://jsfiddle.net/78b9g8je/