在文本上应用Bostock的自动换行功能

我有一个用例,我想将一小段或中段的文字附加到视觉的不同部分。作为默认行为,这看起来非常难看,因为svg文本只是被添加到了一起。因此,经过一番研究,我发现Mike Bostock创建了一种巧妙的方法来处理svg文本中的较长字符串,可以在此处看到。我试图使此功能适应我的特定视觉效果,但效果并不理想。这是代码段:


对我来说,从概念上讲,我做了Bostock在示例中所做的所有事情(我认为),但是文本似乎并没有正确地通过该函数,并且没有发生换行-也没有错误。

问题

是否可以将Bostock的tspan环绕函数用于一般情况?如果是这样,如果它没有选择文本并调用该函数并设置所需的宽度,该怎么办?

进一步说明:

  • 我的字体大小:12px

  • 我想要的宽度:120

奖励积分:

  • 所需的文本对齐方式:正确(看来Bostock是居中的文本)


四季花海
浏览 138回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript