Английский | китайский

Редактор изображений с открытым исходным кодом · Архитектура плагинов · дизайн перетаскивания · Полные функции
Редактор Plugin Picture, разработанный на основе Fabric.js и Vue, который может настраивать шрифты, материалы, шаблоны дизайна, мгновенные правой кнопкой мыши и клавиши ярлыков.
Демонстрация · Документ · Платное издание демонстрация · Платное издание введение

Введение
Quick Picture Design, Vue-Fabric-Editor-это редактор изображений, разработанный на основе Fabric.js и Vue, который может настраивать шрифты, материалы, шаблоны дизайна, правой кнопкой мыши и клавиши ярлыков.
Введение анимации · Введение видео
Функции
- Архитектура плагина : ее можно расширить и разработать через плагины, поддерживая меню правой кнопки и ярлыки.
- Дизайн перетаскивания : легкий и краткий графический редактор, а не большой и полный онлайн-инструмент PS-подобного дизайна RE-Track.
- Полные функции : PSD -анализ, вспомогательные линии, история, градиент, пользовательские шрифты, обрезка и другие функции.
Уже есть функции
- Импорт файлов JSON и PSD
- Экспорт PNG, SVG, JSON файлы
- Комбинация/сплита комбинация
- Функция слоя
- Градиентные свойства
- Атрибуты внешнего вида/атрибуты шрифта/инсульты/тени
- Отменить/повторно
- Ключ ярлыка
- Щелкните правой кнопкой мыши
- Вспомогательная линия
- Правитель
- Пользовательские шрифты
- Пользовательский шаблонный материал
- Вставьте SVG, материал для картинки
- Многоэлементное горизонтальное и вертикальное выравнивание
- Фоновые настройки атрибута
- Стрелки/Линии
- Щетка/многоугольный рисунок
- QR -код/штрих -код
- Замена изображения/обрезка/фильтр
- Водяной знак
- Интернационализация
использовать
Сначала установите Node.js V16 и PNPM, а затем выполните следующую команду:
Услуги разработчиков
- WeChat Communication Group : мы сформировали несколько групп коммуникации проекта WeChat, и авторы и абоненты проекта активны в группе и регулярно отвечают на вопросы.
- Fabric.js Китайский учебник : https://blog.kuaitu.cc.
- Планета знаний : долгосрочное обновление соответствующей информации об редакторах с открытым исходным кодом.

Оплаченная версия
Помогите предприятиям быстро создать инструменты онлайн -дизайна, сократить корпоративные инвестиции в НИОКР и избежать повторного создания колес.
Введение функции · Введение продукта · Демо
Версия с открытым исходным кодом имеет только фронтальный код. Платная версия предоставляет полные фронтальные и внутренние и управленческие, полные, полные функции из коробки, обеспечивая авторизацию исходного кода и поддерживая вторичную разработку .
- Из коробки, полные функции : богатые возможности дизайна, обеспечить полные фронтальные и противоположные функции и могут использоваться в развертывании.
- Архитектура плагина, удобное расширение : на основе плагин-API, быстро разработайте редактор вторичный.
- Генерация партии, быстрое производство изображений : поддерживает генерацию партии изображений через интерфейс HTTP и файлы таблиц.
- Дизайн перетаскивания, простой и простой в использовании : подходит для обычных пользователей, легко начать работу без обучения.
- Адаптация всей платформы : версия ПК и версия H5 поддерживают различные сценарии приложений.
- Техническая стыковка, обучение документов : обеспечивают большую поддержку и эффективную техническую стыковку.
- Индивидуальная разработка, сокращение инвестиций : поддерживает быстрое завершение индивидуальных функций и снижает инвестиции в НИОКР.

Руководство по взносу
Проект стремится создать приложение для редактора веб-изображений, и в то же время он взимает уровень инкапсуляции между приложением редактора веб-изображений и Fabric.js. Ожидается, что уровень инкапсуляции предназначен для разработчиков и обеспечивает более простой интерфейс, чтобы разработчики могли легко реализовать разработку приложений изображения.
Если вы заинтересованы в этом вопросе, искренне приглашайте вас присоединиться к нам и расти вместе. Вам нужно только знать простой синтаксис GIT и JavaScript.
[Отправить код и выиграть Game Game Mouse]
Связанная информация
Вот мои технические заметки о редакторе в сообществе Nuggets, и будет более подробная информация:
- Используйте Fabric.js, чтобы быстро разработать редактор изображений,
- Подробная реализация редактора изображений Fabric.js разработки
- Какие функции могут реализовать редактор изображений? Несколько картин
- Мой проект с открытым исходным кодом и опыт работы с открытым исходным кодом
- Какие функции может реализовать библиотека Canvas Fabric.js? Анимационное изображение введение
- Vue с открытым исходным кодом редактор изображений
- Обмен личным опытом в коммерциализации проектов с открытым исходным кодом
- Архитектура плагина редактора изображений с открытым исходным кодом.
ПРИМЕЧАНИЕ. Если вы столкнетесь с техническими проблемами, вы рассчитываете использовать проблему для обсуждения, она более открыта и прозрачной, и достаточно информации сделает решения более эффективными, обратитесь к мудрости задания вопросов.
Благодарности
- Liu Mingye Ruler Function Автор.
- Градиент компонент редактора дизайна Palxiao.
Дружелюбное спонсорство
администратор
Участники
Nihaojob | Qiu-jun | Wuchengguang1998 | Алиселаннист | YLX252 | Liumingye |
MOMO2019 | Byeword | Bigfice2019 | Wohuweixiya | ZJC2233 | ijry |
Макенг | Z09176141 | A847244052 | Briver0825 | Skyscraperno1 | Пенгжиджян |
Цзяншук | Hudenhui | Ddshiyu | Yehan68 | Люк358 | Сяозео |
x007xyz | Вожи-Кл | vvbear | Сларкерино | Ролитер | Мохиксиан |
Мачетехот | Люяоджун | JOYYY | Guda-Art | NANFB | Dulltackle |
BAMZC | Янзонгтай | Alicehhhmm | Fuqianxi | Ichthoncosta | пожизненно |
Лицензия
Лицензирован по лицензии MIT.