Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!

Простой web-конструктор для подстановки фото в png-шаблон(html/php/js)

истекло время актуальности


Необходимо реализовать упрощенную версию web-конструктора, работающего как на мобильных устройствах, так и на ПК.
png-шаблон всегда один и тот же. Отображается на web-странице в начале работы. В png-шаблоне имеется прозрачная область, через которую должно быть видно загруженное пользователем фото.
Основные действия:
1. Загрузка своего фото и отображение на заднем плане "под" png-шаблоном.
2. Возможность пропорционального увеличения, перемещения в пределах png-шаблона.
3. Сохранение (скачивание) скомпонованного результата в виде jpg-файла.
Под результатом подразумевается слияние png-шаблона с загруженным изображением.

В качестве примера можете посмотреть конструктор на сайте:
https://color23.ru/printing/t-shirts-woman/template-3238483/editor

Только там много функционала, который не нужен, к примеру, вращение, добавление текстов и т.п.
Обратите внимание, что сам png-шаблон должен быть закреплен и всегда отображается на переднем плане, его двигать/уменьшать не нужно.
А загружаемое фото отображается на втором плане за png-шаблоном, и это фото нужно уже двигать, увеличивать.

За пределами зоны редактирования необходимы две кнопки - для загрузки/замены фото.
И вторая кнопка для сохранения (скачивания) полученного результата.

Лучше делать с использованием js-библиотек для работы с canvas.
В изображениях прикреплены примеры шаблона, фото и результата.


Пишите вашу цену, сроки.
Оплата на карту Украинского банка, желательно Приват.

В дальнейшем планируются еще разработка подобного функционала (отдельных страниц), только для большего количества фотографий, например:
https://color23.ru/printing/t-shirts-woman/template-3240062/editor

Приложения 3

Просмотр приложений доступен только зарегистрированным пользователям.

  1. ставка скрыта фрилансером
  2.  1 день 500 ₽
    Магжан
    Магжан Жумабеков
    331   проверен  

    Здравствуйте. Я могу вам помочь. По заданию нет вопросов. Это как фотошоп в минимальной степени. Реализую всё на PHP GD Library. С возможностью скачать его

    Казахстан Алматы (Алма-Ата) | 27 февраля в 03:42 |
  3.  1 день 500 ₽
    Александр
    Александр Столбов
    323   проверен  

    здравствуйте. А вам то какой функционал нужен?
    Стоимость и сроки после обсуждения

    Россия Ижевск | 27 февраля в 08:30 |
  4.  3 дня 9 000 ₽
    Михаил
    Михаил Фрилансер
    146     2  0

    Здравствуйте.     
    Напишите для обсуждения задачи, и цены.

    Россия Сочи | 27 февраля в 11:58 |
  5.  3 дня 1 500 ₴
    Юрий
    Юрий Никоненко
    2013     49  1   3

    Здравствуйте, Павел.
    Готов реализовать данный функционал без использования стороних библиотек на основе APi canvas языков js, php.

    C уважением, Юрий

    Украина Вольнянск | 27 февраля в 20:42 |