如何访问内部SVG元素的偏移量

时间:2016-12-13 06:33:38

标签: javascript html5 dom svg

我有一些SVG文件,我会使用标记将数百个这些SVG文件放在HTML DOM中。 SVG文件包含内部元素,如。如何访问这些内部元素的偏移量?以下是SVG文件示例的内容:https://jsbin.com/tapedam/edit?html,output

访问抵消如何帮助我?

通过访问偏移,我可以维持与其他SVG对象的连接,即使它们被移动到DOM中的任何位置。

谢谢, 阿伦

1 个答案:

答案 0 :(得分:0)

获取您感兴趣的元素的DOM引用,然后您可以调用以下函数之一:

getBBox()

返回本地SVG坐标中元素的边界框。请注意,元素或其祖先上的任何变换都会影响返回的坐标值。

getBoundingClientRect()

返回浏览器坐标中元素的边界框。但请注意,这些坐标可能无法直接用于创建新的SVG元素。这是因为SVG可能处于不同的比例,或者元素可能有变换。

如果您需要在本地SVG坐标和屏幕坐标之间进行转换,则有functions for that also