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

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，宽度和高度属性，但不能直接更改它们。

Answer 2

由于我livesnippets的粉丝：

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>