Рубрики
Без рубрики

Как и почему я построил редактор дизайна на HTML5 Canvas

Подстроение редактора дизайна, используя HTML5 Canvas с функциями

Автор оригинала: Frederic Anand.

Обо мне

Я Freelancer Разрабатывает веб-приложения на основе HTML5 на основе холста

Проблема, которую я хотел решить

Создание редактора дизайна, используя HTML5 Canvas с функциями

Открытые предварительно сделанные шаблоны Сохранить свои собственные шаблоны Создать любой размер произведения искусства настроить графические заводские изображения Загрузить свои собственные изображения Сохранить и открытыми предварительные шаблоны разгружать и редактировать векторные изображения SVG Добавить фотографии Добавить текст и изогнутый текст Сохранить художественные работы как PNG, JPG, SVG или распечатать его

Что такое редактор дизайна HTML5?

Редактор дизайна – это веб-приложение на основе браузера для создания/редактирования/Сохранения проектов.

Tech Stack

HTML5 холст, ткань JS, реагируют js, Strapi без головы CMS.

Процесс построения редактора дизайна HTML5

Изображения/SVG Elements/формы/фоновые изображения находятся в STRAPI CMS и доступны в редакторе Frontend, используя API

Проблемы я столкнулся

Сохранение и редактирование изогнутого текста выходит из ящика, добавленного в этом редакторе.

Назначение ключей

Редактор можно использовать для различных целей, таких как создание листовок продукта, журналов (с несколькими страницами дизайна)

Окончательные мысли и следующие шаги

Редактор разрешено проектировать только одну страницу в настоящее время, но ее можно изменить, чтобы добавить/редактировать несколько страниц.