Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как делать превью (https://javascript.ru/forum/dom-window/19357-kak-delat-prevyu.html)

Axios 02.08.2011 16:16

Как делать превью
 
Всем привет, не знаю сюда пишу или нет, но есть такая тема, мне надо в админку впихнуть следующий функционал:

при добавлении фотографии в фотоальбом мне надо чтобы была возможность выбора области превью, пример http://favicon.ru если добавить фотку то там есть кнопка Обрезать. вот примерно такое и надо, привью будут квадратные

Может кто-то уже сталкивался с таким и есть рабочий функционал? или пример как делается или ссылка на урок

розовый слоник 02.08.2011 16:25

если тебе только перемещение квадратика нужно то это не сложно читай тут а если тебе нужно еще и обрезать саму картинку то насколько я знаю это не js делает хотя посути можно просто реализовать это с помощью js+css но вот только картинка все равно полностью грузится будет но только ее часть бдует видна пользователям.

SkyLight 02.08.2011 16:32

Делать превьюхи нужно серверными средствами.

Axios 02.08.2011 16:50

Не привью делаются, уменьшаются автоматически. но надо чтоб можно было выбирать область которая будет обрезаться, переместить квадратик, жмакнуть обрезать и превью готова, а щас у меня просто в квадратик сжимает админка

walik 03.08.2011 15:22

Jcrop
На JS выбираешь область а на сервере режешь.

dmitriymar 03.08.2011 15:58

Изображение в канву.в канве берёшь область необходимую(а ещё проще разрешение канвы подогнать и ничего выбирать не нужно -берешь сжатое фото просто в этом случае) getImage(.....)-шлёшь на сервер (аякс) и сохраняешь там и усё


Часовой пояс GMT +3, время: 01:23.