jquery 如何获取路径元素的高度和宽度？

vltsax25 于 2023-05-17 发布在 jQuery

关注(0)|答案(2)|浏览(111)

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

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

我该怎么做？

2条答案

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

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

bbox将有x，y，width和height属性，但你不能直接更改它们。

因为我是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>