Простой 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
Актуальные фриланс-проекты в категории Javascript и Typescript
Нужен frontend-разработчик / верстальщик для разовой доработки сайта на Magento 2
12 783 UAH
Сайт для оценки: https://copy.eurobrands-shop.de/ Задача: исправить frontend-баги на уровне темы Magento 2 / Amasty theme: CSS/LESS/JS, mobile, RTL, minicart, language dropdown, layout shift/CLS. Формат работы: - без локального разворачивания Magento; - работа через DevTools… HTML и CSS верстка, Javascript и Typescript ∙ 5 минут назад ∙ 2 ставки |
Game Developer Pixi.Js
15 701 UAH
Ищем разработчика Pixi.js для создания серии из 12 мини-игр. Проекты простые по реализации и при уверенной работе разработка одной игры занимает не более недели. Необходимо реализовать фронтенд и игровую математику, без разработки бэкенда. Игры будут похожи по структуре, но с… Javascript и Typescript, Веб-программирование ∙ 2 часа 32 минуты назад ∙ 23 ставки |
Оптимизация Core Web Vitals (OpenCart) под Google PageSpeed — Мобильная и ПК версииОписание заказа: Ищем опытного frontend-разработчика/специалиста по OpenCart для оптимизации скорости загрузки сайта (категории и карточки товаров) под требования Google Core Web Vitals. О проекте: * CMS: OpenCart. * Специфика: Сайт работает в режиме каталога (корзины и… CMS, Javascript и Typescript ∙ 3 дня 23 часа назад ∙ 23 ставки |
Оптимизация скорости сайта WordPress
5113 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 19 часов назад ∙ 68 ставок |
Ищем Odoo Developer — соло-разработчика с опытом разработки на Odoo 19 Community EditionЕсть рабочий, чисто спроектированный проект на Odoo 19 Community — CRM для украинского отеля, уже в production-grade инфраструктуре. Переписывать с нуля не планируем. Ищем одного человека, который подхватит проект, сохранит работоспособное и поведет его дальше: сначала CRM →… Javascript и Typescript, Веб-программирование ∙ 6 дней 20 часов назад ∙ 4 ставки |
Киев