Я экспериментировал с createjs, чтобы преобразовать некоторые анимации flash as3 в HTML5. в настольных браузерах все работает нормально, но на i-pad анимация значительно медленнее. Там, где есть сложные векторные объекты, они настолько медленны, что их нельзя использовать. Я могу ускорить процесс, кэшируя объекты, но качество получаемой графики оставляет желать лучшего. Есть ли решения этой проблемы? заранее спасибо
Пит
посмотрите на размер холста. после столетнего размера мобильные видеоплаты не могут ускорить графику, как это делает ПК.
Совет №4. Следите за размером вашего холста
Очевидно, что чем больше холст, тем дороже операция рисования, но если вы ориентируетесь на мобильные устройства, необходимо помнить о некоторых ограничениях по размеру.
Из руководства по веб-контенту Safari:
Максимальный размер элемента холста составляет 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/
