Нужно создать конструктор изображений, используя canvas.
Я уверен, что вам попадались в соцсетях картинки с высказываниями Джейсона Стетхема или Фаины Раневской. Именно для подобных вещей требуется создать конструктор.
Вот частичная реализация того, что мне необходимо: moloko.kirys.ru/quote/
Как я представляю конструктор:
1. Область с неизменяемыми элементами. Здесь разместить: - выбор цвета из готовых вариантов, - выбор шаблона изображения - выбор размера в пикселях, из фиксированного списка
2. Область с динамическими элементами. Содержимое может меняться в зависимости от выбранного шаблона, цвета или размера. Здесь разместить: - загрузку изображений - другие динамические элементы
3. Область с конструктором изображения. Здесь разместить: - области для ввода основного текста, подписей, заголовков. - если есть область для изображения, должны быть контролы для изменения его масштаба и положения.
4. Область с предпросмотром конечного результата и кнопкой "Скачать".
О шаблонах. Скачайте Брендбук digital.tools/wp-content/... На 9 странице есть варианты шаблонов. Скриншот take.ms/p4BI5E
Их нужно делать не png картинками, а собирать с помощью canvas. Чтобы была возможность динамически менять фон. Добавлять логотипы.
В конфиге конструктора должна быть коллекция шаблонов с параметрами, чтобы мы смогли в будущем добавить новых, без вмешательства в исходники. Пример структуры: pastebin.com/jwmXjWgS
Требования к результату - использовать js и canvas для предпросмотра и генерации картинки - конфиг конструктора должен быть в отдельном js файле - все сделать на одной странице, для верстки используйте bootstrap - читабельный код, разложенный по полочкам, чтобы не возникло трудностей с развитием кода. - комментарии должны максимально покрывать код.
Пожалуйста, указывайте в откликах на проект стоимость работ.
PS1. Так как часто откликаются люди, не прочитав описание проекта и отвечая шаблонным ответом, то прошу Ваш отклик начать с подтверждения, что это не автоматический ответ. PS2. Несмотря на то, что у меня аккаунт PRO и видны все контакты, лучше всего продолжать обсуждение проекта прямо тут, по крайней мере, до того момента, как я выберу Вас исполнителем. У меня много проектов, очень сложно часть переписки вести тут, часть в почте, часть в скайпе. PS3. Постоплата – сначала проверяю работы в правильном формате (и без водяных знаков), после этого оплачиваю. Предоплата возможна только в том случае, если срок регистрации аккаунта больше и количество положительных отзывов больше, чем у меня.