Медленная анимация создания на iPad

Question

Я экспериментировал с createjs, чтобы конвертировать некоторые flash as3-анимации в HTML5. все отлично работает в настольных браузерах, но на i-pad анимация значительно медленнее. Там, где есть сложные векторные объекты, они настолько медленные, что их невозможно использовать. Я могу ускорить процесс, кэшируя объекты, но качество получаемой графики оставляет желать лучшего. Есть ли решения этой проблемы? заранее спасибо

Пит

Answer 1

Взгляните на размер холста. после размера сантина мобильные видеокарты не могут ускорять графику, как это делает ПК.

Совет № 4. Смотреть размер вашего холста

Очевидно, что чем больше холст, тем дороже операция рисования, но если вы ориентируетесь на мобильные устройства, необходимо учитывать некоторые ограничения по размеру.

Из Руководства по веб-контенту Safari:

Максимальный размер элемента canvas составляет 3 мегапикселя для устройств с оперативной памятью менее 256 МБ и 5 мегапикселей для устройств с оперативной памятью, превышающей или превышающей 256 МБ

Поэтому, если вы хотите поддерживать устаревшее оборудование Apple, размер вашего холста не может превышать 2048×1464.

Но это не все! Даже при меньших размерах соотношение сторон холста должно быть в диапазоне от ~3/4 до ~4/3. Если вы выйдете за эти границы, webkit, похоже, переключится на совершенно другой режим рендеринга, разделив холст на несколько областей фиксированного размера и отрендерив их по отдельности с заметной задержкой между ними.

Похоже, что нет никакой документации по этому вопросу, но я подтвердил, что это происходит как в Chrome, так и в Safari на iOS версий 6.0.1 и 5.1.1.

источник http://blog.toggl.com/2013/05/6-performance-tips-for-html-canvas-and-createjs/