如何根据 CSS 确定 SVG 元素的实际属性

Posted 2023-03-28

【中文标题】如何根据 CSS 确定 SVG 元素的实际属性

【英文标题】：How to to determine the actual attribute of an SVG Element based on CSS

【发布时间】：2021-03-12 22:29:57

【问题描述】：

我正在寻找一种方法来确定属性的实际值，例如 SVG 中包含的元素的填充或描边（路径、圆、...）。我知道解析 SVG 和访问直接元素属性的几种方法，但我找不到一种简单的方法来确定属性的值，因为它会在考虑级联样式和 xlink:href 引用的情况下显示。

【问题讨论】：

window.getComputedStyle(element)

【参考方案1】：

应用于元素的方法 window.getComputedStyle 正是这样做的！