GithubHelp home page GithubHelp logo

neolh7 / vue-neolh7-fabric-editor Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 1.0 53.24 MB

基于Vue.js和Fabric.js的在线图形编辑器，使用户能够创建和编辑各种图形对象。

JavaScript 2.81% HTML 0.38% TypeScript 31.09% Vue 56.71% CSS 7.11% Less 1.91%

vue-neolh7-fabric-editor's Introduction

vue-fabric-editor

基于 fabric.js 和 Vue 开发的插件化图片编辑器，可自定义字体、素材、设计模板、右键菜单、快捷键。

image image image image image

特点

  1. 插件化架构：可自定义素材、右键菜单、快捷键等功能，易扩展。
  2. 简洁易用：以轻量、简洁为主的图形编辑器，而非大而全的在线PS类的重行设计工具。
  3. 功能齐全：自定义模板、渐变、自定义字体等功能，满足轻量图片编辑场景。

已有功能

  • 导入 JSON 文件
  • 保存为 PNG、SVG、JSON 文件
  • 插入 SVG、图片文件
  • 多元素水平、垂直对齐方式
  • 字体模板
  • 组合/拆分组合
  • 图层及顺序调整
  • 撤销/重做
  • 背景属性设置
  • 自定义字体
  • 自定义模板素材
  • 快捷键
  • 右键菜单
  • 辅助线
  • 图片替换
  • 国际化

使用

启动项目

请先安装node.js v16，然后执行以下命令：

yarn install
yarn serve

vue-neolh7-fabric-editor's People

Contributors

neolh7 avatar

Forkers

keyzf

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.