是否可以在svg节点上应用css转换？如果是，如何进行？

假设我有一个简单的圆，我想用CSS缩放它。这种交互可以通过监听圆圈上的点击事件并以某种方式向其添加CSS类（结束帧动画类）来完成

jQuery在此尝试：

jQuery在这种情况下不起作用（请参阅bug）。 带有普通dom节点的类名也不起作用

---

我的猜测是，即使jQuery不支持SVG上的类操作，它仍然是可能的

是的，这是可能的，但是请注意，并非所有属性都适用于svg元素。特别是，由于您似乎对

transform

感兴趣，您应该知道，这可能还不能在svg元素的所有浏览器中使用。如果属性被列为，那么它在今天的浏览器中工作的可能性更高

要在svg内容中设置类，请执行以下操作：

elm.className.baseVal = "yourclass";

或使用setAttribute：

elm.setAttribute("class", "yourclass");

Firefox和Opera还支持svg元素上的HTML5：

elm.classList.add("yourclass");

---

可以找到一些例子。

你的问题是什么？如何通过JavaScript访问特定的SVG元素以添加类属性，或者如何在SVG中使用CSS进行转换？我的问题是如何在SVG元素上添加/删除类（或更多），以及添加具有css3转换属性的类是否会使节点动画化。谢谢，动画矩形示例正是我想要的。

elm.setAttribute("class", "yourclass");

elm.classList.add("yourclass");