指纹处理组件特征点提取

package.json

@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@toast-ui/vue-image-editor": "^3.15.0",
     "core-js": "^3.6.5",
     "driver.js": "^0.9.8",
     "echarts": "^4.9.0",
@@ -15,6 +16,7 @@
     "js-cookie": "^2.2.1",
     "qs": "^6.9.4",
     "sass-resources-loader": "^2.1.1",
+    "tui-image-editor": "^3.15.0",
     "vue": "^2.6.11",
     "vue-i18n": "^8.25.0",
     "vue-router": "^3.2.0",

src/components/ImageEditor.vue

@@ -222,11 +222,18 @@ export default {
       // 添加文字 Hello Jerry  
       // 默认在工作区的中间  
       // 文字填充颜色 - 红色；文字大小 22px；  
-      this.$refs.editor.invoke("addText", "Hello Jerry", {
-        styles: {
-          fontSize: 22,
-          fill: "red",
-        },
+      // this.$refs.editor.invoke("addText", "Hello Jerry", {
+      //   styles: {
+      //     fontSize: 22,
+      //     fill: "red",
+      //   },
+      // });
+      this.$refs.editor.invoke('startDrawingMode', 'LINE_DRAWING', {
+        width: 10,
+        color: 'rgba(255, 0, 0, 0.5)',
+        arrowType: {
+          tail: 'chevron' // triangle
+        }
       });
     },
     // 旋转 20 度