Редактор дизайна React Js с использованием Fabric Js

Редактор дизайна
Canva как дизайнерский редактор для разработки/настройки шаблонов дизайна и экспорта дизайна в pdf/svg/image. React js + Fabric js (библиотека холста html5 на сайтеfabricjs.com) используется для создания приложения.

ДЕМО Лучший игрок —

Fabric JS (fabricjs.com) — библиотека холста HTML5
Установите библиотеку Fabric js в React JS и инициализируйте ее.

npm install --save fabric
import { fabric } from 'fabric';
componentDidMount() {
    // Make a New Canvas
  this.canvas = new fabric.Canvas('main-canvas', {options});
}

Почему React JS?
Он создает повторно используемые компоненты пользовательского интерфейса, где эти компоненты можно использовать в других проектах редактора. Основная цель React — быть быстрым, масштабируемым и простым.

Возможности этого редактора дизайна

1. Редактор имеет возможность создавать многостраничный дизайн.
2. Вывод можно экспортировать в форматы pdf, jpeg, png, svg.
3. Доступны функции обрезки / замены изображения.
4. Импорт изображений из социальных сетей (FB, Instagram и т. д.).
5. Предварительно заполненные шаблоны могут быть легко созданы.
6. Элементы изображения / текста / формы / svg могут быть добавлены / импортированы пользователем для настройки дизайна.
7. Перетащите текст/изображения/элементы в дизайн.
8. Администратор может добавлять различные типы шрифтов.

Генератор PDF для расширенного использования
PDF-файлы могут быть созданы из редактора дизайна,
Шаблоны -> Настроить -> Сохранить -> Загрузить в формате PDF.

Пожалуйста, найдите примеры PDF-файлов, экспортированных из редактора.
http://kpomservices.com/Export-Output_1.pdf
http://kpomservices.com/Export-Output_2.pdf

Где он используется
Редактор дизайна используется для создания потрясающих маркетинговых открыток и сообщений в социальных сетях / визитных карточек / фирменных бланков на сайте graphicsfactory.com.
.