Inglés | Chino
Editor de imágenes de código abierto · Arquitectura de complementos · Diseño de arrastre y salto · Funciones completas
El editor de imágenes de enchufe desarrollado basado en Fabric.js y Vue, que puede personalizar fuentes, materiales, plantillas de diseño, menús de clic derecho y teclas de acceso directo.
Demo · Documento · Demostración de edición pagada · Introducción de edición pagada
Introducción
El diseño de imágenes rápidas, Vue-Fabric-editor es un editor de imágenes desarrollado basado en Fabric.js y Vue, que puede personalizar fuentes, materiales, plantillas de diseño, menús de clic derecho y teclas de acceso directo.
Introducción de animación · Video de introducción
Características
- Arquitectura de complementos : se puede ampliar y desarrollar a través de complementos, admitiendo menús de clic derecho y teclas de acceso directo.
- Diseño de arrastrar y soltar : un editor gráfico liviano y conciso, en lugar de una herramienta de diseño de reactiva en línea grande y completa en línea.
- Funciones completas : análisis de PSD, líneas auxiliares, historial, gradiente, fuentes personalizadas, recorte y otras funciones.
Ya tengo funciones
- Importar archivos JSON y PSD
- Exportar archivos PNG, SVG, JSON
- Combinación/combinación dividida
- Función de capa
- Propiedades de gradiente
- Atributos de apariencia/Atributos de fuente/Strokes/Shadows
- Deshacer/rehacer
- llave de atajo
- Menú de clic derecho
- Línea auxiliar
- Gobernante
- Fuentes personalizadas
- Material de plantilla personalizada
- Insertar svg, material de imagen
- Alineación horizontal y vertical de elementos múltiples
- Configuración de atributos de fondo
- Flechas/líneas
- Dibujo de pincel/polígono
- Código QR/código de barras
- Reemplazo/recorte/filtro de imágenes
- Filigrana
- Internacionalización
usar
Instale Node.js V16 y PNPM primero, y luego ejecute el siguiente comando:
Servicios de desarrollador
- Group de comunicación WeChat : hemos formado múltiples grupos de comunicación de proyectos WeChat, con autores y mantenedores de proyectos activos en el grupo y respondiendo preguntas regularmente.
- Fabric.js Tutorial chino : https://blog.kuaitu.cc.
- Planeta de conocimiento : Actualización a largo plazo de información relevante sobre editores de código abierto y tela.js, precipité las mejores prácticas, el intercambio de experiencia en desarrollo, ejemplos de código, etc.
Versión pagada
Ayuda a las empresas a construir rápidamente herramientas de diseño en línea, reducir la inversión corporativa de I + D y evitar la creación repetida de ruedas.
Introducción de función · Introducción del producto · Demo
La versión de código abierto solo tiene el código frontal. La versión pagada proporciona un requisito completo de front-end y back-end y administración, funciones completas fuera de la caja, proporcionando autorización del código fuente y admitiendo el desarrollo secundario .
- Fuera de la caja, funciones completas : capacidades de diseño enriquecidos, proporcionan funciones completas del front-end y de fondo, y se puede utilizar en la implementación.
- Arquitectura de complementos, expansión conveniente : basada en API de complemento, desarrolle rápidamente el editor secundario.
- Generación por lotes, producción rápida de imágenes : admite la generación de imágenes por lotes a través de la interfaz HTTP y los archivos de mesa.
- Diseño de arrastrar y soltar, simple y fácil de usar : adecuado para que los usuarios comunes funcionen, fácil de comenzar sin capacitación.
- Adaptación de toda la plataforma : la versión para PC y la versión H5 admiten varios escenarios de aplicaciones.
- Mujer técnico, capacitación en documentos : brinde más apoyo y acoplamiento técnico de manera eficiente.
- Desarrollo personalizado, Reducir la inversión : admite la finalización rápida de las funciones personalizadas y reduce la inversión de I + D.
Guía de contribución
El proyecto se compromete a crear una aplicación de editor de imágenes web de casa web, y al mismo tiempo, deposita una capa de encapsulación entre la aplicación del editor de imágenes web y Fabric.js. Se espera que la capa de encapsulación esté diseñada para desarrolladores y proporcione una interfaz más simple, para que los desarrolladores puedan implementar fácilmente el desarrollo de aplicaciones de imágenes.
Si está interesado en este asunto, invítelo sinceramente a unirse a nosotros y crecer juntos. Solo necesita conocer la simple sintaxis Git y JavaScript.
[Enviar código y ganar el ratón del juego Razer]
Información relacionada
Aquí están mis notas técnicas sobre el editor en la comunidad de Nuggets, y habrá más detalles:
- Use Fabric.js para desarrollar rápidamente un editor de imágenes,
- Implementación detallada del editor de imágenes de desarrollo Fabric.js
- ¿Qué funciones pueden implementar Fabric.js desarrollar el editor de imágenes para implementar? Múltiples fotos
- Mi proyecto de código abierto y mi experiencia de código abierto
- ¿Qué funciones puede implementar la biblioteca Canvas Fabric.js? Introducción de imagen de animación
- Editor de imágenes de código abierto vue
- Compartir experiencia personal en comercialización de proyectos de código abierto
- La arquitectura enchufable del editor de imágenes de código abierto. JS
Nota: Si encuentra problemas técnicos, espera usar el problema para discutir, es más abierto y transparente, y suficiente información hará que la resolución sea más eficiente, consulte la sabiduría de hacer preguntas.
Expresiones de gratitud
- Liu Mingye Ruler Function Autor.
- Componente de gradiente del editor de diseño de Palxiao.
Patrocinio amistoso
administrador
Colaboradores
nihaoJob |
Qiu-jun |
Wuchengguang1998 |
Alicelannista |
YLX252 |
liumingye |
Momo2019 |
Pabellón |
Bigface2019 |
wohuweixiya |
ZJC2233 |
ijry |
Makeng |
Z09176141 |
A847244052 |
Briver0825 |
SkysCrapererNo1 |
Pengzhijian |
Jiangshuq |
hudenhui |
ddshiyu |
Yehan68 |
Luke358 |
xiaozeo |
x007xyz |
Wozhi-CL |
vvbear |
slarino |
Rolitero |
mojixiang |
machete |
liuyaojun |
jooyyy |
artilugio |
nanfb |
aburrido |
Bamzc |
Yangzongtai |
Alicehhhmm |
fuqianxi |
Ichthoncosta |
liucidad |
Licencia
Licenciado bajo la licencia del MIT.
