如何用 JS 获取 SVG 内 path 元素中的图形的实际位置及尺寸

Question

如何用 JS 获取 SVG 内 path 元素中的图形的实际位置及尺寸

Answer 1

用 JS 获取 SVG 内 path 元素中的图形的实际位置及尺寸的方法:
1、使用getElementById获取svg节点对象：
var el = document.getElementById("yourElement");
2、调用getBoundingClientRect获取path的边界矩形的位置：
var rect = el.getBoundingClientRect();
3、分别获取width和height属性就得到实际位置了。

console.log( rect.width );
console.log( rect.height);

 

Answer 2

object.getBoundingClientRect()是你想要的