first commit

.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

.editorconfig

@@ -0,0 +1,7 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 100

.eslintrc.js

@@ -0,0 +1,35 @@
+/*
+ * @Author: 秦少卫
+ * @Date: 2022-09-03 19:22:16
+ * @LastEditors: 秦少卫
+ * @LastEditTime: 2022-09-03 19:22:16
+ * @Description: file content
+ */
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: [
+    'plugin:vue/essential',
+    // '@vue/airbnb',
+  ],
+  parserOptions: {
+    parser: '@babel/eslint-parser',
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)',
+      ],
+      env: {
+        jest: true,
+      },
+    },
+  ],
+};

.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

README.md

@@ -0,0 +1,54 @@
+# vue-fabric-editor
+基于fabric.js和Vue的图片编辑器。
+
+<!-- 素材 -->
+[svg首选](https://www.svgrepo.com/)
+[svg首选2](https://www.shareicon.net/)
+[svg纯色](https://svgsilh.com/zh/)
+[svg好多元素](http://gofreedownload.net/)
+
+<!-- 中文文档 -->
+https://github.com/Rookie-Birds/Fabric-Tutorial_zh-CN
+https://gitbook.cn/books/61ed420bf275ee326adaee9d/index.html
+http://fabricjs.com/docs/fabric.Canvas.html
+https://www.cnblogs.com/rachelch/p/14172947.html
+http://fabricjs.com/kitchensink
+https://www.php.cn/js-tutorial-400300.html
+https://stackoverflow.com/questions/19043219/undo-redo-feature-in-fabric-js
+
+
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn serve
+```
+
+
+功能
+----
+[ ] 统一svg图标调用
+[ ] 统一上传文件方法
+[ ] 加载字体方法统一
+[ ] 撤销操作优化， 回退\重做有问题
+[ ] 渐变配置
+[ ] 复制 粘贴 快捷键
+[ ] 拖动模式，放大缩小
+[ ] 画布大小保存
+[ ] 替换图片、加载url图片
+[ ] 渐变
+----
+[ ] 元素锁定后多选可选择，锁定时刻选中编辑
+[ ] 反转后图形变形,水平翻转图片时的bug
+[ ] 缩放
+[ ] 字体图片列表
+[ ] 三角形、箭头、线条
+[ ] 标题转svg 标题样式列表
+[ ] 平铺背景、等比例背景
+[ ] 预览
+[ ] 描边 strokeDashArray
+[ ] 绘制线条
+[ ] 绘制图形

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset',
+  ],
+};

jest.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  preset: '@vue/cli-plugin-unit-jest',
+};

jsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}