Есть ли практическое ограничение на количество элементов холста, которые вы можете иметь на одной странице? - PullRequest
11 голосов
/ 04 сентября 2011

Есть ли практическое ограничение на количество HTML5 canvas элементов, которые вы можете иметь на одной странице?

Например, возможно ли 500 отдельных полотен для современного браузера на среднем компьютере?

1 Ответ

12 голосов
/ 04 сентября 2011

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

Какого размера эти полотна?

Наличие 500 разных изображений на одной странице может замедлить работу ПК, и если эти изображения уменьшаются с помощью CSS (так что у вас есть дополнительное использование ЦП), медлительность будет подавляющей (я уже проверял это).

быстрый тест сделан:

Я создал 500 полотен 512х512, а использование памяти Windows составило около 40 МБ. Не так много, правда.

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

-edit-

500 холстов, 512x512, на каждом нарисован треугольник: http://jsfiddle.net/3U4hG/1/

Потребляет около 0,5 ГБ, около 1 МБ для каждого холста, и учитывая, что 512x512x4 (4 байта на пиксель) составляет 1 МБ, использование памяти можно легко определить.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...