css - 通过 css 更改 SVG 值

Question

我有这个 SVG 代码

<pattern id="thirdPattern" x="0" y="5" width="40" height="40" patternUnits="userSpaceOnUse">
          <circle  r="10" cx="15" cy="10" />
          </pattern> 

我可以通过 CSS 更改 r、cx 和 cy 值吗，就像这样

@keyframes move {
    25% {
        cx: 50%;
        cy: 50%;
        r: 60;
    }
}

或者这个

#thirdPattern {
            cx: 25;
            cy: 25;
            r: 50;
}

此代码有效，但代码编辑器确实显示错误，因为 r cx cy 不是 CSS 属性。

Answer 1

不在 SVG 1.1 中, 但 SVG 2 应该支持这个。浏览器正在逐渐添加 SVG 2 功能 - 您的情况可能会有所不同。