【发布时间】：2011-02-07 15:46:00
【问题描述】：
我正在尝试制作图像平移和扫描系统。我有一个缩放图像的滑块（可以拖动），还有一个位于图像角落的小地图（也可以拖动）。 您可以在这里看到一个粗略的示例（对不起，我不允许使用该设计，因此未格式化）： http://lighe.madetokill.com/test/test.html
我的问题是，虽然它在 firefox 和 opera 中运行良好，但它在 chrome、safari 和 IE（它目前在 IE 中不起作用）在任何缩放级别上都卡顿，除了 100%（在 100% 时它是黄油光滑的）。
webkit 性能不佳的原因是什么？我执行这个错误吗？我基本上是在改变图像的 margin-left 和 margin-top 属性。我知道这已经足够快了，因为它在 100% 时非常流畅。使用画布会更好吗？如果可能，我会尽量避免使用 flash（或任何其他插件）。
另外请注意这是正在进行的工作，除此之外还有其他错误，所以不要打扰那些:)
提前致谢！
【问题讨论】：