指纹处理组件更新

src/components/ImageEditor.vue

@@ -5,11 +5,11 @@
       :options="options"
       ref='editor'
     ></ImageEditor>
-    <button @click="click">点击</button>
-    <button @click="addText">Add Text</button>
-    <button @click="rotate">Rotate</button>
-    <button @click="flip">Flip Y</button>
-    <button @click="undo">Undo</button>
+    <!-- <button @click="click">点击</button> -->
+    <button @click="addText">特征点提取</button>
+    <button @click="rotate">旋转</button>
+    <button @click="flip">上下反转</button>
+    <button @click="undo">撤销</button>
   </div>
 </template>  
 
@@ -214,10 +214,13 @@ export default {
     };
   },
   methods: {
-    click () {
-      console.log(this.$refs.editor.editorInstance._graphics.canvasImage)
-      console.log(this.$refs.editor.loadImageFromURL, 123)
-    },
+    // click () {
+    //   console.log(this.$refs.editor.editorInstance._graphics.canvasImage)
+    //   console.log(this.$refs.editor.loadImageFromURL, 123)
+    // },
+
+
+    // 特征点提取
     addText () {
       // 添加文字 Hello Jerry  
       // 默认在工作区的中间  
@@ -229,7 +232,7 @@ export default {
       //   },
       // });
       this.$refs.editor.invoke('startDrawingMode', 'LINE_DRAWING', {
-        width: 10,
+        width: 5,
         color: 'rgba(255, 0, 0, 0.5)',
         arrowType: {
           tail: 'chevron' // triangle
@@ -238,7 +241,7 @@ export default {
     },
     // 旋转 20 度  
     rotate () {
-      this.$refs.editor.invoke("rotate", 10);
+      this.$refs.editor.invoke("rotate", 20);
     },
     // 沿 Y 轴翻转  
     flip () {