加载svg-pan-zoom.js </g>后居中<g>元素

时间:2015-01-04 02:30:20

标签: javascript html css svg

我一直在使用inline svg进行平移和缩放:www.jard.us

此处您拥有当前网站的整个结构:https://github.com/Reivajar/svg-pan-zoom-for-JARD2

我已经使用所需的svg对svg-pan-zoom库进行了相对较好的实现,但是我不知道为什么库用来缩放和平移svg的元素没有完全居中,而是略微向右移动。我试图通过使用类选择器(.svg-pan-zoom_viewport)重新调整CSS的水平对齐,但没有任何动作。也许我需要在js中改变一些东西,但我一直在检查它,显然一切都在中心。

谢谢!

1 个答案:

答案 0 :(得分:0)

看一下看起来很酷的网站http://www.jard.us,我觉得你在html中对svg图形的定位很好,但svg图像可能在左边有额外的填充。因此,在SVG编辑器,Adobe Illustrator或Inkscape中编辑svg可能会有所帮助,这应该可以解决问题。