Я пытаюсь сделать систему панорамирования и сканирования изображений. У меня есть ползунок, который увеличивает изображение (которое можно перетаскивать), а также небольшая карта в углу изображения (которое также можно перетаскивать).
Вы можете увидеть грубый пример здесь (извините, мне не разрешено использовать дизайн, поэтому он не отформатирован):
http://lighe.madetokill.com/test/test.html
Моя проблема в том, что, хотя он отлично работает в Firefox и Opera, он заикается в Chrome, Safari и IE (в настоящее время он не работает в IE) при любом уровне масштабирования, кроме 100% (при 100% это гладкое масло).
В чем причина низкой производительности webkit? Я неправильно это реализую? Я в основном изменяю свойства поля margin-left и margin-top изображения. Я знаю, что это достаточно быстро, так как на 100% это совершенно гладко. Будет ли мне лучше использовать холст? Я стараюсь избегать flash (или любых других плагинов), если это возможно.
Также обратите внимание, что это в процессе разработки, есть и другие ошибки, кроме этой, так что не беспокойтесь о них:)
Заранее спасибо!