2013-07-14 3 views
0

Я рисую много кадров на холсте с помощью библиотеки KineticJs. Я создаю новый объект изображения javascript с соответствующим источником изображения для каждого кадра и устанавливаю новое изображение на холсте после загрузки изображения.Загрузка сниппета на javascript slow on ipad

Я вижу, что он занимает около 22 мс на хроме и около 600 мс на сафари ipad ... это большая разница, кто-нибудь испытал такое поведение, и кто-нибудь может понять, как мы можем преодолеть эту проблему? Например, возможно, я могу заставить ipad использовать его gpu.

Любой ответ будет высоко оценен.

+0

Насколько велики изображения? Каковы размеры вашего холста? На iPad, холст размером более 1024x768 заметно замедляет рендеринг. – kalley

+0

Я понял, что большое количество времени загрузки связано с одним контекстным переключателем javascript и фильтрацией некоторых ненужных действий перемещения мыши, которым я смог снизить это время загрузки, но все же разница между ПК и ipad огромна. \ – Doron

+0

экрана ipad - это холст, и я рисую высококачественные изображения, которые я получаю с сервера в формате base64. Я думаю, что если веб-работник может каким-то образом помочь мне в этом сценарии, но я понял, что я не могу создать объект Image внутри веб-рабочего ... hmm, any advice ... – Doron

ответ

0

This page says that iPad cuts off loading images at 6.5mb. Я не уверен, что это правда, но я определенно заметил дросселирование до 6,5 мб.

Поскольку я использую скроллер фотографий, то, что я сделал, загружает имена изображений в скрытое поле html, а затем загружает следующее изображение в скрытый тег изображения за 2,5 секунды до того, как скроллер отобразит следующее изображение. Конечно, вы также можете загрузить имена изображений в массиве JavaScript. Я могу предоставить фрагмент кода, если все еще интересно ...