Как я генерирую миниатюру, клиентскую в современном браузере?

Я ищу изящный способ генерировать миниатюру для использования с FileAPI. В настоящее время я получаю DataURL, представляющий изображение. Проблема, если изображение является очень большим, чем перемещение его и перерендеринг его становятся интенсивным ЦП. Я вижу 2 опции обойти это.

  • Генерируйте миниатюру на клиенте
  • Генерируйте миниатюру на сервере, передайте миниатюру обратно клиенту (Ajax).

С HTML5 у нас есть a canvas элемент? Кто-либо знает, как использовать его для генерации миниатюр из изображений? Они не должны быть прекрасными - выборка качества приемлема. Есть ли a jQuery плагин, который сделает это для меня? Там какой-либо другой путь состоит в том, чтобы ускорить клиентское использование больших изображений?

Я использую HTML5, и Firefox 3.6+: нет никакой потребности поддерживать что-либо кроме Firefox 3.6+, не обеспечивайте предложения для IE 6.0

13
задан Daniel Brockman 26 September 2011 в 16:10
поделиться