【问题标题】:Why doesn't Raphael.js show a gradient when using hover?为什么 Raphael.js 使用悬停时不显示渐变?
【发布时间】:2013-03-16 02:33:48
【问题描述】:

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

这里是my fiddle

可能与浏览器有关。我只在 OS X 下测试过 Chrome 和 Safari。

【问题讨论】:

    标签: hover raphael gradient


    【解决方案1】:

    问题是你之后在片场打电话给transformtranform() 方法已弃用,请改用 transform attr。此外,您可能希望在创建元素时单独应用转换,因为众所周知,Raphael 在统一转换集合时会遇到一些问题。

    【讨论】:

    • 你是对的。是对transform 的调用触发了问题。但是当我在每个元素上单独设置transform 属性时,我得到了相同的行为。见我的updated fiddle
    • 我认为这与 Raphael 处理变换矩阵的问题有关。如果您在设置转换后调用attr(),它将不起作用 - 这就是您的hover 事件所做的。 Here is the issue 和修复,如果手动修改 Raphael 源代码是你的一杯茶。
    • 看来我正好遇到了这个问题。感谢您的帮助。
    猜你喜欢
    • 2020-07-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多