我需要在SVG中输出多行文本。
为此,我使用以下方案:
为此,我使用以下方案:
<text> <tspan> First line </tspan> <tspan> Second line </tspan> </text>
文本的第一行和第二行可以具有不同数量的字符,其可以动态地改变。
我想让第二行出现在第一行和两个文本的中间。
我可以通过为第二个< tspan>添加dy =“15”,使第二行出现在第一行下面。
我可以将每个单独的< tspan>通过添加text-anchor =“middle”到它。
但是如何做那些< tspan>的相对中心对齐?
我试图对每个< tspan>使用x =“0”但显然它不工作,因为每个< tspan>具有不同的宽度,并且较短行中的渲染文本向左移位。
是否存在仅使用CSS和/或SVG来使不同宽度的2 tspan的中心对准的方式。
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。