Задать вопрос
@95baes
html

Как создать подобный конструктор изображений?

Здравствуйте, как можно создать либо скопировать подобный конструктор?
https://www.vsemayki.ru/constructor
С холстом близок к пониманию.
"""Как можно осуществить загрузку и отображения пользовательского изображения или текста.""(upd)
Задачи: создание понятного и приятного пользовательского интерфейса. Исключить перезагрузку веб страницы при добавлении своего изображения. Сохранение конечного результата.
Думаю можно обойтись одним js ,но не знаю куда копать. Спасибо за любую информацию. Простите заранее за некомпетентность.
  • Вопрос задан
  • 340 просмотров
1 комментарий
Подписаться 1 Средний 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
@asd111
Canvas
var canvas = document.getElementById('viewport'),
context = canvas.getContext('2d');

make_base();

function make_base()
{
  base_image = new Image();
  base_image.src = 'img/base.png';
  base_image.onload = function(){
    context.drawImage(base_image, 0, 0);
  }
}
Ответ написан
Комментировать
Комментировать
azerphoenix
@azerphoenix
Java Software Engineer
Здравствуйте!
Если вам нужен интернет-магазин, то на ВП есть готовый плагин для создания подобных товаров.
https://codecanyon.net/item/woocommerce-visual-pro...
Демо - https://configuratorsuiteforwp.com/demo/sunglasses/

А если вы хотите реализовать своими силами, то Canvas будет самое то.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Ещё заказы