JavaScript. Работа с изображениями.

  1. Биржа фриланса
  2. Веб-программирование
Завершен3 заявки152 просмотра
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Необходимо создать на JavaScript / HTML5 систему для нанесения логотипа на любое изображение.

Есть типичный сайт, нужно добавить такой функционал:

Пользователь может перетащить в определенную область на сайте файл-изображение (формат jpg/png) – это логотип.

После этого, на все png-картинки на сайте – ставится логотип (то самое пользовательское изображение).

Размер логотипа: 1/5 от размера картинки по ширине и высоте.

Место размещения: нижний левый угол (с отступом 10%).

Прозрачность логотипа: 50%

КЛЮЧЕВЫЕ ОСОБЕННОСТИ:

1. Обработка идет только на клиенте. Сервер отдает обычные картинки, в браузере на них ставится логотип.

2. Логотип не накладывается на изображение поверх как отдельный div, а именно внедряется в изображение. Должна быть возможность скачать изображение с логотипом. Желательно – как обычную картинку (ПКМ+"сохранить изображение"). Но если это сложно – можно и по кнопке "скачать" накладывающейся на каждую картинку при наведении.

3. Нужен понятный, прокомментированный на русском код. Я буду менять его в дальнейшем.

4. Поддержка старых браузеров – не обязательна. Можно даже ограничиться только последними версиями распространенных браузеров.

5. Необходима несложная процедура подключения. В идеале – скрипт прописывается в head, всем изображениям назначается обработчик, указывается обработчик для div`а куда перетаскиваются изображения и все.

Большая просьба – детально ознакомиться с ключевыми особенностями указанными выше.

Работа должна быть выполнена именно так, а не иначе.

Жду ваших предложений по срокам, цене и используемым подходам для решения задачи.

Также жду вариантов решения такого вопроса: если пользователь перейдет на другую страницу сайта – логотип пропадет, и на новых картинках его уже не будет. Нужно этого избежать.

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

Если сработаемся – будут еще заказы по развитию этого проекта.

С уважением,

Даниил

HTMLJavaScript
10 лет назад
QuienSabe
Даниил 
43 года
19 лет в сервисе
Был
8 лет назад

Выбранный исполнитель

sergeiivanovsev
Иванов 
30 лет
12 лет в сервисе
Был
4 года назад
10 лет назад
$50
2 дня
Все отлично! Выполнено именно так как нужно, и даже раньше чем договаривались. Плюс, Сергей бесплатно добавил функцию которую я забыл указать в ТЗ, за что ему больше спасибо! Надеюсь на продолжение сотрудничества в будущем.
Даниил четко ставит задание и понимает, что хочет видеть в результате, что очень ускоряет работу. Рекомендую.

Заявки фрилансеров

sergeiivanovsev
Иванов 
30 лет
12 лет в сервисе
Был
4 года назад
10 лет назад

  • Похожие заказы

  • Доработки для OpenCart

    Добрый день! Стоит ряд задач: 1. Переписать роутер OpenCart 2. Написать калькулятор размера 3. Написать парсер для OpenCart и разработать для него файл загрузки в ИМ ...

    Opencart
    Веб-программирование2 заявки
    Закрыт
    10 лет назад

  • Допиливание modx

    $10

    Сайт http://magicsvyat.ru/ 1. Стоит модуль формы eForm, есть косяк что при оставлении заявки сообщение "Спасибо, что воспользовались формой обратной связи на нашем сайте..." (и ошибки) отражаются над формой, но так как страница при этом ...

    AJAXMODXPHP
    Веб-программирование1 исполнитель
    Завершен
    10 лет назад

  • Разработка горнолыжного портала

    $3000

    Разработка проекта уже начата на самописной CMS Есть верстка, админ часть, база данных с наполенным контентом и частичный вывод информации. Нужна разработка некоторых разделов, робота с API - booking, tripadvisr, foursqwere, instagram ...

    Веб-программирование8 заявок
    Закрыт
    10 лет назад

  • Создание расширенного модуля для NETCAT

    Требуется расширенные модуль стандартного пакета для голосования (пользователь совершивший голосование получает определенное количество баллов). Разработка личной личного счета зарегистрированного пользователя на который будут поступать балы за голосование. Возможность тратить полученные балы в ...

    Веб-программирование1 заявка
    Закрыт
    10 лет назад

  • Правка багов на сайте Bitrix

    Доброго времени суток. Требуется исправить ряд багов на сайте Bitrix. Вот ссылка на само ТЗ: https://goo.gl/v8Liz8 От Вас хотелось бы услышать сумму и сроки по исполнению. Периодически появляется такая ...

    Веб-программирование2 заявки
    Закрыт
    10 лет назад

  • Парсинг сайта

    Необходима спарсить информацию каталога с сайта relines.ru. Артикул Наименование Категория (полностью) Применяемость Подходит для автомобилей .

    Веб-программирование1 исполнитель
    Завершен
    10 лет назад

  • Создание раздела системы с подключением с существующей БД

    Необходимо сделать один из разделов онлайн системы. Она привязана к существующей БД. Есть верстка. Есть описание необходимой части БД. Во вложении пользовательское описание раздела системы. Для работы будет выделена ...

    CodeIgniterMySQL
    Веб-программирование3 заявки
    Закрыт
    10 лет назад

  • Отправка заявок в AmoCRM

    на продающей странице не работает отправка заявок в AmoCRM. отправка формы происходить через json, на странице благодарности - вторая форма, по отправке которой должны обновляться данные контакта. Надо починить отправку заявок и ...

    AmoCRM
    Веб-программирование1 заявка
    Закрыт
    10 лет назад