Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Скрипт вставки фото в рамку 
:(
    Опции темы
artur7373888
Дата 22.11.2011, 10:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 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]

PM MAIL   Вверх
AntonSaburov
Дата 22.11.2011, 16:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Штурман
****


Профиль
Группа: Модератор
Сообщений: 5658
Регистрация: 2.7.2002
Где: Санкт-Петербург

Репутация: нет
Всего: 118



А может это надо спрашивать в разделе по JavaScript ?
PM MAIL WWW ICQ   Вверх
cia
Дата 22.11.2011, 22:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 207
Регистрация: 15.1.2007

Репутация: нет
Всего: 4



Речь ведь идёт о веб-разработке, т.е. рамку накладывать пользователь будет через браузер? Тогда на чистом js никак не сделаешь, но можно сделать на js + какое-либо серверное решение, например php.
Общий алгоритм такой:
Сначала загружаем рисунок на сервер, затем при помощи javascript указываем рамку, как обрезать фотографию. Для этого можно использовать например вот этот: http://www.defusion.org.uk/code/javascript...-scriptaculous/ скрипт (он понравился лично мне), но можно и какой-либо другой.
Затем на сервер передаём координаты (две точки: верхний левый угол и нижний правый угол) рамки.
Теперь на сервере можно обрезать фотографию и наложить рамку (библиотека gd с этим справляется в php).
Ну и наконец готовую фотографию можно отдать пользователю или сохранить на сервере.
PM WWW ICQ   Вверх
Nataljasa
  Дата 17.5.2013, 14:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 17.5.2013

Репутация: нет
Всего: нет



Речь ведь идёт о веб-разработке, т.е. рамку накладывать пользователь будет через браузер? Тогда на чистом js никак не сделаешь, но можно сделать на js + какое-либо серверное решение, например php.
Общий алгоритм такой:
Подскажите пожалуйста как это будет выглядить наглядно: js + php 
меня тоже интерисует вопрос? нужно подсказка как написать скрипт вставки фото в рамку.
Допустим у нас есть рамка в png формате размером 500*400px. человек заходящий на сайт должен загружать свое 
фото, далее выделять на своем фото область пропорциональную рамке( допустим у чела фото 500*500 он должен 
выделить область 500*400 или меньше пропоциаонально рамке) и при клике на кнопке генерация получать фото уже 
в рамке.
Как вот это сделать? заранее спасибо за помощь, поддержку и советы всем 
откликнувшимся.

PM MAIL   Вверх
sQu1rr
Дата 17.5.2013, 15:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 597
Регистрация: 11.11.2008
Где: london

Репутация: 2
Всего: 13



Тема на 2 года просрочена, уже вполне можно сделать и на голом js. Правда не все бразуеры будут поддерживать. Вообщем смотрите в сторону canvas
PM MAIL Skype GTalk   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0436 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.