2012-01-04 24 views
3

我想将svg精确地放置在div的角落。 svg具有动态生成的笔划。如果svg的形状不规则或可以说是星形,则到边界最外部分的距离很难计算。 这个问题可以解决,如果我能够得到svg的尺寸,包括中风。获取svg的维数,包括笔画

我的想法是:

  • 加载外部SVG
  • 地方它在div
  • 中间应用所需的笔划宽度
  • 得到SVG的最外层尺寸
  • 把它放在角落里

我可以得到宽度o包括中风在内的svg?任何其他想法?

感谢

回答

0

getBoundingClientRect短自己从第一原理计算它的唯一途径。据我所知,该方法仅在Firefox和IE9 +中实现。

例如this在Firefox上返回54。

+1

我尝试这样做在Firefox但我得到的形状的尺寸,而不行程:-( – redon 2012-01-04 10:58:25

+0

我已经添加表示笔划宽度的例如至少在Firefox包含 – 2012-01-04 11:20:20

+0

只需指出的是HTTP:// WWW .w3.org/TR/cssom-view /#the-getclientrects-and-getboundingclientrect-methods表示svg元素的边界框应该是svg中定义的边界框(它当前不包含笔画)。 – 2012-01-04 11:42:08