В общем, в игру никто поиграть не захотел... )8
Вот ответы:
Safari вообще не попадает в таблицы результатов, ибо картинки я в него не загружал, потому что эта скотина не умеет FileReader, а писать фолбэк для него мне пока не очень хочется - есть задачи поважнее.
Настройки/твики браузеров по умолчанию дают такой результат:
4. Opera. Presto - своебразный движок, который, правда, слегонца устарел. Не буду говорить про нюансы вёрстки. Однако, с HTML5 Canvas дела обстоят плохо. 12 МПикс картинку переваривает еле-еле, а при попытке работать с 15 МПикс изображением вешается наглухо.
3. Chrome. WebKit. Самый, с моей точки зрения, удачный браузерный движок. С задачей справился лучше предыдущего участника: вполне сносно работает с 12 МПикс изображением, но превращает всё в слайдшоу при 15 МПикс. Ладно, хоть, не вешается.
2. Firefox. Gecko. Тоже старейший движок, радующий, однако, фишками HTML5 и CSS3... даже теми, которые находятся в драфтах. Вполне себе приятно: справляется он на порядок лучше любого из приведённых выше, однако периодические подтормаживания при перемещении и трансформировании картинок несколько раздражают. Но, в целом, довольно удачно. Фишка раскрывается во второй части поста.
1. Internet Explorer. Всем, ведь, известно, что с 9-й версии он сильно похорошел. Так вот. Замечательно "ест" и 12 Мпикс, и 15. Никаких лагов даже при нескольких картинках на канве. Всё чётко и гладко. Секрет раскрыт ниже.
Аппаратное ускорение.
Штука приятная, но, почему-то, выключенная в некоторых браузерах. И, чтобы включить её, надо лезть в тонкие настройки браузера (читай - твики). Включение аппаратного ускорения должно дать прирост прозводительности (при рендере), однако, на старых машинах или, например, ноут/нетбуках с говёными интегрированными видеокартами это лишь усугубит ситуацию. Так что опробовано было интереса ради. Не писать же инструкцию для пользователей разных браузеров, верно? Кто полезет в неизвестные ему дебри только чтобы какой-то сайт, возможно, стал бы отображаться чуть плавнее? В общем, получается вот так:
4. Opera. Прямо-таки преображается, и начинает "таскать за уши" хоть 12 МПикс картинку, хоть 15. Но... только по одиночке. Странное поведение (скорее всего, вызванное хитрым менеджментом памяти): одну и ту же картинку (разные инстансы, загруженные повторно, но с одного файла на диске) рисует замечательно. Однако, стоит только добавить какое-нибудь другое изображение (размер тут уже не имеет никакого значения), всё начинает тормозить как будто ускорения нет вообще. Так что, в целом - не зачёт.
3. Chrome. Наблюдается ситуация, приписанная Opera'е: отлично работает с каким-либо одним изображением, и превращается в откровенного тОрмоза при разных картинках на одной канве. Мне кажется, это связано с тупым копипастом разработчиков Opera'ы кусков кода из движка Webkit.
2. Firefox. Ситуация не меняется. Потому что аппаратное ускорение у него включено по умолчанию. И, если честно, я не нашёл способа его отключить. (:
1. Internet Explorer. Здесь аппаратное ускорение, само собой присутствует. И, в отличие от других браузеров, оно наиболее грамотное, ибо разработчики ОС и браузера, можно сказать одни и те же. Ну, DirectX 11, все дела... Абсолютный чемпион по скорости работы с HTML5 Canvas.
Как-то так и получается всё. Выводы делать вам. (;