На какой технологии работают сайты с конструкторами визитных карточек?

Question

[zlamanuk78]

Есть проект, который нужно реализовать. Функционал очень схож с сайтами по заказу визитных карточек, где клиент на сайте забивает поля своей инфой, а ему потом выдает система jpeg изображение с его инфой. Вопрос на какой технологии происходит взаимодействие инфы клиента с предустановленным в систему полями и дизайном визитки?
Может есть готовые решения или писать свой GUI?

примеры подобных сайтов:
www.vizitka.ua/konstruktor-vizitok.htm
https://www.coral-print.ru/constructor/maket-vizit...
https://editor.printdesign.ru/editor?#editorproduc...

Comments

[alex-1917]

там вся работа идет на сервере,ваши ссылки бессмысленны)))

Answer 1

[alex-1917]

Вагон функции
php.net/manual/en/ref.image.php

лучше пока что ничего не придумано

если есть желание покопаться в доках, то могу подсказать примерный алгоритм работы скрипта, за спиной два проекта - грамоты и открытки

возможно щас набегут почитатели модных трендов, может что и придумано для работы на клиенте, хз, но эта либа работает на сервере и работает железобетонно, зачем мне что-то еще?)))

Comments

[Dmitry Bay]

Вы видимо прикалываетесь)

- добавить лого, сместить его на пару пикселей, добавить кастомный текст и сразу видеть результат?
Для грамот возможно ваш код и работает. Но тут нужна визуализация как по мне. Видимо я из почитателей модных трендов (

[alex-1917]

Dmitry Bay, это как раз ты прикалываешься:

и сразу видеть результат?

Мало кто по ссылкам лазиет, а кто лазиет, мало у кого время есть изучать все особенности, я например клиентов, которые хотят "Проект, как вон у Васи,только посветлее", сразу шлю на ЙУХ!

Тостер - сервис помощи, т.е. вы должны вложить свой код, озвучить свою проблему, показать свои попытки решения оной.
У вас же выглядит как Сделайте за меня.

Таких вопрошающих пачками выпиливают, Правила читайте внимательнее.

Answer 2

[dmpivansky]

на какой технологии происходит взаимодействие инфы клиента с предустановленным в систему полями и дизайном визитки

Если это онлайн сервис, то скорее всего это будет HTML + JS

HTML5 предлагает огромное количество "фишек" для реализации такого функционала "по дефолту"
Например уже давно есть атрибут contenteditable, который позволяет редактировать содержимое любых тегов. А с помощью exec (js) можете задать любые стили тексту как в обычном визуальном редакторе. Да и задать стили элементов свойствами CSS - очень просто.

ему потом выдает система jpeg изображение с его инфой

Это делается так же на JS. Например html2canvas.hertzen.com - и можете прям на клиентской стороне генерировать изображения из любой области экрана.

Вот пример конструктора визиток онлайн где всё это собрано воедино.
По всей видимости всё написано на HTML+JS без всякой серверной части

Answer 3

[Dmitry Bay]

У вас есть три варианта -
1) использовать рендеринг на сервере, как тут предложили. но в итоге получите результат привет 2005. сложно кастомизировать, и сразу видеть результат.
2) использовать flash, но это тоже из очень забытого прошлого.
3) написать вручную на canvas необходимый функционал - проще расширять. но так как знаний у вас нет - не рекомендую. опять же зависит от того, сколько денег сил и времени готовы вложить.
4) написать простенько с использованием html. а результат отправлять на сервер. немного проще.
5) в свое время, оооочень давно, писали конструктор маек кастомный на основе решения https://fancyproductdesigner.com/product/businesscard/ думаю это то, что вам подходит лучше. лицензия 29 долларов. правда придется покопаться неплохо в возможностях импорта и экспорта.

Comments

[alex-1917]

тут еще вагон https://creativemarket.com/ - только бабло отстегивай...

[zlamanuk78]

alex-1917, как с вами можно связаться?