爲什麼Raphael.js在使用懸停時不顯示漸變？

我創建了一個帶有漸變背景的Raphael.js按鈕。現在我想在使用Element.hover懸停在按鈕上時更改爲不同的漸變。但只要將鼠標移動到按鈕上，它就會開始只顯示純色。爲什麼Raphael.js在使用懸停時不顯示漸變？

也許它是與瀏覽器相關的。我只測試了OS X下的Chrome和Safari。

2013-03-16 nwellnhof

問題是，你在之後的設置上調用transform。 tranform()方法已棄用，請改用transform attr。另外，您可能想要在創建元素時單獨應用轉換，因爲Raphael在統一轉換集合時存在一些問題。

2013-03-16 08:56:23

你說得對。這是對「轉換」的呼籲，觸發問題。但是當我在每個元素上分別設置'transform'屬性時，我會得到相同的行爲。看到我[更新的小提琴]（http://jsfiddle.net/ruPGH/1/）。 – nwellnhof 2013-03-16 10:54:47

我認爲這與Raphael處理matirx變換時的一個問題有關。如果在設置轉換後調用'attr（）'，它將不起作用 - 這就是'hover'事件的作用。 [這是問題]（https://github.com/DmitryBaranovskiy/raphael/issues/476）和修復，如果手動修改Raphael源代碼是你的一杯茶。 – 2013-03-16 11:25:55

看來我碰到這個問題。謝謝你的幫助。 – nwellnhof 2013-03-16 13:32:37

爲什麼Raphael.js在使用懸停時不顯示漸變？

回答

相關問題