![]() |
|
Модераторы: Sardar, Aliance |
![]()
|
|
| artur7373888 |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 2 Регистрация: 22.11.2011 Репутация: нет Всего: нет |
Добрый день всем.
Начал изучать яваскрипты недавно, возникла тех задача следующего характера. нужно подсказка как написать скрипт вставки фото в рамку. (вот как здесь http://www.avazun.ru/photoframes/) Допустим у нас есть рамка в png формате размером 500*400px. человек заходящий на сайт должен загружать свое фото, далее выделять на своем фото область пропорциональную рамке( допустим у чела фото 500*500 он должен выделить область 500*400 или меньше пропоциаонально рамке) и при клике на кнопке генерация получать фото уже в рамке. Как вот это сделать? В каком направлении копать? заранее спасибо за помощь, поддержку и советы всем откликнувшимся. icq: 424-181-679 skype: maturartur mail: [email protected] |
|||
|
||||
| AntonSaburov |
|
|||
![]() Штурман ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 5658 Регистрация: 2.7.2002 Где: Санкт-Петербург Репутация: нет Всего: 118 |
А может это надо спрашивать в разделе по JavaScript ?
|
|||
|
||||
| cia |
|
|||
|
Бывалый ![]() Профиль Группа: Участник Сообщений: 207 Регистрация: 15.1.2007 Репутация: нет Всего: 4 |
Речь ведь идёт о веб-разработке, т.е. рамку накладывать пользователь будет через браузер? Тогда на чистом js никак не сделаешь, но можно сделать на js + какое-либо серверное решение, например php.
Общий алгоритм такой: Сначала загружаем рисунок на сервер, затем при помощи javascript указываем рамку, как обрезать фотографию. Для этого можно использовать например вот этот: http://www.defusion.org.uk/code/javascript...-scriptaculous/ скрипт (он понравился лично мне), но можно и какой-либо другой. Затем на сервер передаём координаты (две точки: верхний левый угол и нижний правый угол) рамки. Теперь на сервере можно обрезать фотографию и наложить рамку (библиотека gd с этим справляется в php). Ну и наконец готовую фотографию можно отдать пользователю или сохранить на сервере. |
|||
|
||||
| Nataljasa |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 1 Регистрация: 17.5.2013 Репутация: нет Всего: нет |
Речь ведь идёт о веб-разработке, т.е. рамку накладывать пользователь будет через браузер? Тогда на чистом js никак не сделаешь, но можно сделать на js + какое-либо серверное решение, например php.
Общий алгоритм такой: Подскажите пожалуйста как это будет выглядить наглядно: js + php меня тоже интерисует вопрос? нужно подсказка как написать скрипт вставки фото в рамку. Допустим у нас есть рамка в png формате размером 500*400px. человек заходящий на сайт должен загружать свое фото, далее выделять на своем фото область пропорциональную рамке( допустим у чела фото 500*500 он должен выделить область 500*400 или меньше пропоциаонально рамке) и при клике на кнопке генерация получать фото уже в рамке. Как вот это сделать? заранее спасибо за помощь, поддержку и советы всем откликнувшимся. |
|||
|
||||
| sQu1rr |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 597 Регистрация: 11.11.2008 Где: london Репутация: 2 Всего: 13 |
Тема на 2 года просрочена, уже вполне можно сделать и на голом js. Правда не все бразуеры будут поддерживать. Вообщем смотрите в сторону canvas
|
|||
|
||||
![]()
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | JavaScript: для новичков | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |