如何访问路径元素的高度和宽度？

Question

我有一个svg路径元素。我想访问路径元素的高度，宽度，x和y，并在更改后想要将其设置回来

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <path d="M150 0 L75 200 L225 200 Z" />
</svg>

我该怎么做？

Answer 1

你可以通过调用getBBox（）来获取边界框，所以给路径一个id属性，例如id =“path1”然后在脚本中写

var bbox = document.getElementById（“path1”）。getBBox（）;

bbox将具有x，y，width和height属性，但您无法直接更改它们。

Answer 2

因为我是lifenippets的粉丝：

var bbox = document.getElementById("path1").getBBox();

console.log(bbox);

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <path d="M150 0 L75 200 L225 200 Z" id="path1"/>
</svg>