使用悬停时为什么Raphael.js不显示渐变？

Question

我创建了一个带有渐变背景的Raphael.js按钮。现在，我想使用Element.hover将鼠标悬停在按钮上时更改为不同的渐变。但是只要我将鼠标移到按钮上，它就会开始只显示纯色。

这是my fiddle。

也许它与浏览器有关。我只测试了OS X下的Chrome和Safari。

Answer 1

问题是你之后在集合上调用transform。不推荐使用tranform()方法，而是使用transform attr。此外，您可能希望在创建元素时单独应用转换，因为已知Raphael在均匀转换集合时会遇到一些问题。