2

如果这种情况继续下去，我会越来越生气：

Firefox 版本 6 - 13 在 Mac 和 Windows XP 上似乎存在严重的图像渲染性能问题。

position: absolute; left: Xpx无论我是通过 DIV还是使用 CSS3transform: translateX(Xpx);或什至在画布元素中移动多个图像，图像在移动时都会严重结巴。

你可以在这里查看我最新的 Canvas 测试：http: //jsfiddle.net/5YCmH/6/

我的问题是；为什么会这样？ 正如我在网上看到和阅读的那样，CSS3 和 Canvas 现在应该是硬件加速的。所以我检查了 about:config 中的各种设置，甚至将它们重置为默认值。没有任何效果。虽然 Safari 和 Chrome 可以流畅地渲染一切，但 Firefox 看起来像 IE7。

我在 3 台不同的机器上进行了测试，到处都是同样的问题。人怎么了？任何指示或见解都会有所帮助！

PS：自从我像一年前切换到 Chrome 以来，我并没有使用太多 FF。在此之前，我制作了一个图像滑动小部件并在 FF 3.6.xx 中对其进行了测试，并且运行顺利（使用该position: absolute; left: xx;方法）。现在我正在测试我主要在 WebKit 浏览器中开发的代码，也在 FF 中，它根本不起作用。

这是真实生活吗？我觉得好笑。

编辑：

这是另一个显示与老式动画相同的口吃的小提琴：http: //jsfiddle.net/XZAE6/3/

并使用 CSS3 translateX()：http: //jsfiddle.net/h3UNk/3/

4

2 回答 2

0

回答你的问题：是的，这就是现实生活......;)

于 2012-07-04T14:15:28.870 回答
0

这个问题可以通过使用较小的图像来解决。您的 Aquatics.jpg 为 193 KB，而 velodrome.jpg 为 140 KB。我确信尺寸可以减少至少 50 %，而不会显着降低图像质量。

于 2012-07-04T14:21:59.093 回答