[Перевод] Изменение размера и обрезка изображений с помощью Canvas (Часть 1)

Статья описывает реализацию возможности изменений размеров и обрезки изображений средствами HTML, CSS и JavaScript. В основе метода лежит элемент . В приведенном примере показан способ форматирования изображения перед загрузкой в профиль. Конечно, мы могли бы сделать это на сервере, но это предполагает передачу довольно больших изображений, что снижает скорость работы страницы. Вместо этого мы можем изменить размер изображения на стороне клиента еще до его отправки.
Большинство браузеров поддерживают этот способ, однако вам стоит учесть некоторые ограничения. Попытка изменить размер слишком большого изображения может заметно замедлить работу или даже привести к вылету. Поэтому имеет смысл установить разумные ограничения на размер загружаемого файла. Также обратите внимание на то, что ресайз снижает качество изображения (здесь описаны несколько методов борьбы с этим недостатком).
Демка и исходник
Читать дальше → http://habrahabr.ru/post/244591/