通过css

Question

我有这个SVG代码

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

我可以改变r，cx和amp;通过CSS的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功能 - 您的里程可能会有所不同。