6

特定のjsイベントでfa-spinを使用および追加/削除しています。3x で簡単に見える問題は、歯車が固定軸を中心に回転しないことです。これは、画像が視覚的に正方形であるにもかかわらず、Chrome によってアイコン自体 (SVG) が 42 x 49 ピクセルで報告されるためだと思われます。この問題を回避するための提案はありますか?

微妙ですが目立ちます: http://www.screencast.com/t/NwJTcKe4o

4

1 に答える 1

3

ここの「fa-refresh」イメージでも同じ問題が発生します。ローカル CSS の原点を調整することで回避できました。

.fa-spin {
    -webkit-transform-origin: 35% 50%;
    -ms-transform-origin: 35% 50%;
    transform-origin: 35% 50%;
}

ハックですが、うまくいきました。他のいくつかのアイコンをテストしたところ、それらも「中央」に表示されました。ただし、より大きなアイコン (fa-lg、fa-2x など) を強制する場合は、これらの数値を調整する必要があります。

何が原因なのかわかりません。

于 2014-09-08T18:16:33.017 に答える