| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > JavaScript: для новичков > Скрипт вставки фото в рамку |
| Автор: artur7373888 22.11.2011, 10:14 |
| Добрый день всем. Начал изучать яваскрипты недавно, возникла тех задача следующего характера. нужно подсказка как написать скрипт вставки фото в рамку. (вот как здесь http://www.avazun.ru/photoframes/) Допустим у нас есть рамка в png формате размером 500*400px. человек заходящий на сайт должен загружать свое фото, далее выделять на своем фото область пропорциональную рамке( допустим у чела фото 500*500 он должен выделить область 500*400 или меньше пропоциаонально рамке) и при клике на кнопке генерация получать фото уже в рамке. Как вот это сделать? В каком направлении копать? заранее спасибо за помощь, поддержку и советы всем откликнувшимся. icq: 424-181-679 skype: maturartur mail: [email protected] |
| Автор: AntonSaburov 22.11.2011, 16:12 |
| А может это надо спрашивать в разделе по JavaScript ? |
| Автор: cia 22.11.2011, 22:45 |
| Речь ведь идёт о веб-разработке, т.е. рамку накладывать пользователь будет через браузер? Тогда на чистом js никак не сделаешь, но можно сделать на js + какое-либо серверное решение, например php. Общий алгоритм такой: Сначала загружаем рисунок на сервер, затем при помощи javascript указываем рамку, как обрезать фотографию. Для этого можно использовать например вот этот: http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/ скрипт (он понравился лично мне), но можно и какой-либо другой. Затем на сервер передаём координаты (две точки: верхний левый угол и нижний правый угол) рамки. Теперь на сервере можно обрезать фотографию и наложить рамку (библиотека gd с этим справляется в php). Ну и наконец готовую фотографию можно отдать пользователю или сохранить на сервере. |
| Автор: Nataljasa 17.5.2013, 14:26 |
| Речь ведь идёт о веб-разработке, т.е. рамку накладывать пользователь будет через браузер? Тогда на чистом js никак не сделаешь, но можно сделать на js + какое-либо серверное решение, например php. Общий алгоритм такой: Подскажите пожалуйста как это будет выглядить наглядно: js + php меня тоже интерисует вопрос? нужно подсказка как написать скрипт вставки фото в рамку. Допустим у нас есть рамка в png формате размером 500*400px. человек заходящий на сайт должен загружать свое фото, далее выделять на своем фото область пропорциональную рамке( допустим у чела фото 500*500 он должен выделить область 500*400 или меньше пропоциаонально рамке) и при клике на кнопке генерация получать фото уже в рамке. Как вот это сделать? заранее спасибо за помощь, поддержку и советы всем откликнувшимся. |
| Автор: sQu1rr 17.5.2013, 15:57 |
| Тема на 2 года просрочена, уже вполне можно сделать и на голом js. Правда не все бразуеры будут поддерживать. Вообщем смотрите в сторону canvas |