Html5-使用在左侧剪切的SVG路径绘制的组织层次结构

时间:2015-04-02 09:16:40

标签: javascript html css html5 svg

我正在使用Html5和SVG创建一个类似于结构的组织树层次结构(下面附带的截图),我希望结构在中心对齐,但是由于哪两个分支是#&#,它会与左边对齐39; t可见。我错过了在这里添加任何属性?所以我可以绘制结构,没有任何东西被裁剪!

目前的代码可以在以下网址看到: https://jsfiddle.net/wsLzLum5/2/

 ![Screenshot][1]


  [1]: http://i.stack.imgur.com/qvt0S.png

1 个答案:

答案 0 :(得分:1)

路径中的最低x坐标是-263,但您已指定视图框在此维度中仅从0延伸到615.

扩展您的视窗框:

<svg version="1.1" viewbox="-300 0 615 455" style="width: 615px; height: 600px;">

或修改路径坐标,使它们都在0-615范围内。