Скрипт вставки фото в рамку

 
0
 
JavaScript
ava
artur7373888 | 22.11.2011, 11:14
Добрый день всем.
Начал изучать яваскрипты недавно, возникла тех задача следующего характера.
нужно подсказка как написать скрипт вставки фото в рамку.
(вот как здесь http://www.avazun.ru/photoframes/)
Допустим у нас есть рамка в png формате размером 500*400px. человек заходящий на сайт должен загружать свое

фото, далее выделять на своем фото область пропорциональную рамке( допустим у чела фото 500*500 он должен

выделить область 500*400 или меньше пропоциаонально рамке) и при клике на кнопке генерация получать фото уже

в рамке.
Как вот это сделать? В каком направлении копать? заранее спасибо за помощь, поддержку и советы всем

откликнувшимся.
icq: 424-181-679
skype: maturartur
mail: [email protected]
Kommentare (4)
ava
AntonSaburov | 22.11.2011, 16:12 #
А может это надо спрашивать в разделе по JavaScript ?
ava
cia | 22.11.2011, 22:45 #
Речь ведь идёт о веб-разработке, т.е. рамку накладывать пользователь будет через браузер? Тогда на чистом js никак не сделаешь, но можно сделать на js + какое-либо серверное решение, например php.
Общий алгоритм такой:
Сначала загружаем рисунок на сервер, затем при помощи javascript указываем рамку, как обрезать фотографию. Для этого можно использовать например вот этот: http://www.defusion.org.uk/code/javascript...-scriptaculous/ скрипт (он понравился лично мне), но можно и какой-либо другой.
Затем на сервер передаём координаты (две точки: верхний левый угол и нижний правый угол) рамки.
Теперь на сервере можно обрезать фотографию и наложить рамку (библиотека gd с этим справляется в php).
Ну и наконец готовую фотографию можно отдать пользователю или сохранить на сервере.
ava
Nataljasa | 17.05.2013, 14:26 #
Речь ведь идёт о веб-разработке, т.е. рамку накладывать пользователь будет через браузер? Тогда на чистом js никак не сделаешь, но можно сделать на js + какое-либо серверное решение, например php.
Общий алгоритм такой:
Подскажите пожалуйста как это будет выглядить наглядно: js + php 
меня тоже интерисует вопрос? нужно подсказка как написать скрипт вставки фото в рамку.
Допустим у нас есть рамка в png формате размером 500*400px. человек заходящий на сайт должен загружать свое
фото, далее выделять на своем фото область пропорциональную рамке( допустим у чела фото 500*500 он должен
выделить область 500*400 или меньше пропоциаонально рамке) и при клике на кнопке генерация получать фото уже
в рамке.
Как вот это сделать? заранее спасибо за помощь, поддержку и советы всем
откликнувшимся.
ava
sQu1rr | 17.05.2013, 15:57 #
Тема на 2 года просрочена, уже вполне можно сделать и на голом js. Правда не все бразуеры будут поддерживать. Вообщем смотрите в сторону canvas
Registrieren Sie sich oder melden Sie sich an, um schreiben zu können.
Unternehmen des Tages
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Mitwirkende
advanced
Absenden