使用 javascript 获取当前的 SVG 笔画值

Question

我想获取特定 svg 元素的当前 'stroke' 值。如果该值之前已通过 javascript 设置，则这不是问题，但是当它由类设置时，我似乎无法使用以下脚本获取返回值...

el.getAttribute('stroke') //returns 'null'

el.setAttribute('stroke','red') // the stroke is visibly changed to 'red'

el.getAttribute('stroke') //returns 'red'

那么当通过样式设置时，我如何获取当前值呢？

Answer 1

stroke 是一个 CSS 属性，所以如果你想查看一个元素的 stroke 是什么，不管它是如何设置的，那么应该这样做......

var stroke = window.getComputedStyle(el).getPropertyValue("stroke");