无法在矩形SVG javaScript中拟合和居中文本

时间:2017-01-30 15:06:49

标签: javascript html css svg

This is the original graph

And here's a fiddle for my version

我正在尝试用矩形替换圆圈,这样我就可以在其中放入一个长文本,以避免浪费这么多空间。但是,我无法将文本放在三角形中并使其居中。我把text-anchor属性放到中间但有时继承是有效的,有时候不是......你对如何解决这个问题有什么想法吗?关于布局的任何其他建议将非常感激,我知道我的版本比原版更糟糕,但我是初学者。 谢谢 !

拖动/滚动以翻译/缩放图形
按住Shift键并单击图形以创建节点
按住Shift键并单击一个节点,然后拖动到另一个节点,将它们与有向边连接 按住Shift键并单击节点以更改其标题
单击节点或边缘,然后按退格/删除以删除

1 个答案:

答案 0 :(得分:-1)

尝试添加以下标记:

<center>the text that you want to place in center</center>