Автор оригинала: Frederic Anand.
Редактор дизайна Canva, как редактор дизайна для дизайна/настроить шаблоны дизайна и экспортировать дизайн в PDF/SVG/Image. React JS + Fabric JS (Fabrics.com HTML5 Canvas Biblic) используется для создания приложения.
MVP Demo – http://kpomservices.com/reactjseditor/index.html.
Ткань JS (Fabrics.com) – HTML5 Bulvas Библиотека Установите ткани JS Libary в React JS и инициализируйте его.
npm install --save fabric
import { fabric } from 'fabric';
componentDidMount() {
// Make a New Canvas
this.canvas = new fabric.Canvas('main-canvas', {options});
}
Зачем реагировать js? Он создает многоразовые компоненты интерфейса пользователей, где эти компоненты могут быть использованы в других проектах редактора. Основная цель реагирования – быть быстрым, масштабируемым и простым.
Особенности этого редактора дизайна
- Редактор имеет возможность создавать несколько страниц дизайна.
- Вывод может быть экспортирован в PDF, JPEG, PNG, SVG.
- Урожай/заменить функциональность изображения доступна.
- Импортировать изображения из социальных сетей (FB, Instagram и т. Д.).
- Предварительно заполненные шаблоны могут быть созданы легко.
- Элементы изображения/текста/формы/SVG могут быть добавлены/импортированы пользователем для настройки дизайна.
- Перетащите текст/образы/элементы к дизайну.
- Администратор может добавить разные виды шрифтов.
Расширенное использование PDF генератор PDFS можно сгенерировать из редактора дизайна, Шаблоны -> Настройка -> Сохранить -> Скачать как PDF.
Пожалуйста, найдите примеры выходов PDF, экспортируемые из редактора. http://kpomservices.com/export-output_1.pdf http://kpomservices.com/export-output_2.pdf.
Где его использовали Редактор дизайна используется для создания потрясающих открыток на недвижимости и социальных медиа/визитных карточек/бланка, http://www.agentpro.io/
React JS + Fabric js Редактор дизайна на основе JS построен для ArtTracks.com.