hover - ホバーを使用すると Raphael.js がグラデーションを表示しないのはなぜですか?

Question

グラデーションの背景を持つ Raphael.js でボタンを作成しました。を使用してボタンにカーソルを合わせたときに、別のグラデーションに変更したいと思いますElement.hover。しかし、ボタンの上にマウスを移動するとすぐに、無地の色しか表示されなくなります。

これが私のフィドルです。

たぶん、ブラウザ関連です。OS X で Chrome と Safari のみをテストしました。

Answer 1

transform問題は、後でセットを呼び出すことです。このtranform()メソッドは非推奨ですtransform。代わりに attr を使用してください。また、要素を作成するときに個別に変換を適用することもできます。これは、Raphael がセットを一様に変換する際に問題があることが知られているためです。