画像パン&スキャンシステムを作ろうとしています。画像をズームするスライダー (ドラッグ可能) と、画像の隅にある小さなマップ (ドラッグ可能) があります。ここで大まかな例を見ることができます (申し訳ありませんが、私はデザインの使用を許可されていないため、フォーマットされていません): http://lighe.madetokill.com/test/test.html
私の問題は、Firefox と Opera では問題なく動作しますが、100% 以外のズーム レベル (100% ではバター スムーズ) で、chrome、safari、IE (現在 IE では動作しません) で途切れるということです。
Webkit のパフォーマンスが低い理由は何ですか? 私はこれを間違って実装していますか?基本的に、画像の margin-left および margin-top プロパティを変更しています。100% で完全に滑らかになるので、これで十分な速度であることはわかっています。キャンバスを使用したほうがよいでしょうか?可能であれば、フラッシュ (または他のプラグイン) を避けようとしています。
また、これは進行中の作業であることに注意してください。これ以外にも他のバグがあるため、気にしないでください:)
前もって感謝します!