Есть сайт online.iprintit.ru/start, каким способом лучше реализовать такой же функционал, как на странице создания макета - online.iprintit.ru/start/#soft/soft/28x21/66. Если есть плагины, которые позволяют это сделать, интересует название плагинов. Если на чистом js, интересует алгоритм. Тому кто поможет, объяснит способ реализации оплачу 500р.
{
type: 'pink1', // определяет внешний вид страницы.
num: 10, // номер страницы
// ячейки для фотографий
slots: [
[50, 60, 200, 200], // координаты и размеры
[250, 60, 200, 200],
],
// сюда будут добавлены фотографии
photo: [
[1, 'foobar.jpg'],
[3, 'lorem.jpg'],
]
}
Когда добавляем фото- выбираем ячейку. Имея размеры и координаты ячейки - располагаем по ним фото. Сам файл грузим на сервер, и добавляем в массив название файла и номер ячейки.
При оформлении заказа объекты отправляются на сервер.
Остается взять фоновую картинку, соответствующую типу pink1,
И разместить на ней фотографии (координаты и размеры заданны слотами, номера слотов и имена фалов лежат в массиве photo).
Еще можно сделать всё это редактируемым. Что-бы пользователь мог подвинуть фото или увеличить. Для этого нужен canvas.
При изменении положения фото нужно будет всего-лишь изменить параметры слота.
