Blog Webferia

С выходом HTML5 у разработчиков наконец-то появились более-менее удобные средства для работы с графикой, файлами и медиа-контентом. Но как всегда не обошлось без проблем — все эти новые плюшки очень сильно зависят от реализации технологии различными браузерами, а следовательно, то, что работает в Хроме, по известному закону не будет работать в ИЕ, причем даже несмотря на заявленную поддержку новой фичи. Это касается любого браузера, ИЕ — просто пример.

Сегодня расскажу про реализацию ресайзера картинок на клиенте средствами javascript, я не буду углубляться в подробности алгоритма обработки, а остановлюсь на задачах, которые предстояло решить, и на багах, с которыми пришлось столкнуться. Рабочий код скрипта в конце статьи. В дальнейшем, говоря «браузер», я подразумеваю браузер, который поддерживает необходимые фичи. Код тестирован на IE10, Chrome, Firefox, Safari 5, Android (4.0, 4.1), IOS6.
[Читать далее…]