【发布时间】：2014-03-30 03:02:24
【问题描述】：
我们在某些 js 事件上使用和添加/删除 fa-spin。问题在 3 倍时很容易看到，是齿轮不绕固定轴旋转。我怀疑这是因为图标本身 (SVG) 由 Chrome 以 42 x 49 像素报告，即使图像在视觉上是方形的。有解决此问题的建议吗？
这是微妙但引人注目的： http://www.screencast.com/t/NwJTcKe4o
【问题讨论】：
标签： font-awesome font-awesome-4
【发布时间】：2014-03-30 03:02:24
【问题描述】：
这里的“fa-refresh”图像存在同样的问题。我可以通过调整本地 CSS 中的原点来解决它：
.fa-spin {
-webkit-transform-origin: 35% 50%;
-ms-transform-origin: 35% 50%;
transform-origin: 35% 50%;
}
一个 hack，但它有效。测试了其他一些图标，它们也显得“居中”。但如果您强制使用更大的图标（fa-lg、fa-2x 等），则需要调整这些数字。
我不确定是什么原因造成的。
【讨论】：
-
您有什么想法可以让 fa-cog 以 3 倍的速度均匀旋转吗？我不是 CSS 大师 :)
-
好主意。即使使用 JS 库（如 react、angular 等），这也很有帮助。