人员掌纹特征点大小处理

src/views/Editor/modules/imageEd.vue

@@ -638,6 +638,7 @@ export default {
       // canvas盒子和bmp图片的宽高比例
       width_ratio: 1,
       height_ratio: 1,
+      ratio: 1,
       // 特征点在低分辨率下显示过大，为了兼容老屏幕，只能将每个数字动态计算出来（直接设置rem单位会导致特征点在计算时出现位置偏差）
       pixel_4: 4,
       pixel_8: 8,
@@ -1297,6 +1298,12 @@ export default {
           console.log(self.newWidth);
           console.log(self.width_ratio);
           console.log(self.height_ratio);
+          // 设置最大比例
+          if (self.width_ratio >= self.height_ratio) {
+            self.ratio = self.width_ratio
+          } else {
+            self.ratio = self.height_ratio
+          }
 
           console.log(sessionStorage.getItem(self.seq));
           // 切换指纹图片时，清空特征点数组
@@ -1492,6 +1499,11 @@ export default {
               $(".tzdDom").css("position", "absolute");
               $(".tzdDom").css("transform-origin", self.pixel_4+"px center");
 
+              // 如果是掌纹，特征点缩放
+              if (self.zwType == '掌纹') {
+                $(`#tzd${self.tzdId}`).css('transform', `scale(${self.ratio + 0.1})`)
+              }
+
               $(".tzdDom .head").css("width", self.pixel_8+"px");
               $(".tzdDom .head").css("height", self.pixel_8+"px");
               $(".tzdDom .head").css("border-radius", self.pixel_8+"px");
@@ -1829,20 +1841,38 @@ export default {
                 } else if (deg < 0) {
                   deg = deg + 360
                 }
-                $("#tzd" + self.tzdId).css(
-                  "transform",
-                  `rotate(${-deg}deg)`
-                );
+                // 如果是掌纹，特征点缩放
+                if (self.zwType == '掌纹') {
+                  $("#tzd" + self.tzdId).css(
+                    "transform",
+                    `rotate(${-deg}deg) scale(${self.ratio + 0.1})`
+                  );
+                } else {
+                  $("#tzd" + self.tzdId).css(
+                    "transform",
+                    `rotate(${-deg}deg)`
+                  );
+                }
+
                 self.tzdArr.forEach(item => {
                   if (item.id == self.tzdId) {
                     item.angle = deg
                   }
                 })
               } else if (self.imageEditor._graphics.getCanvasImage().flipY && !self.imageEditor._graphics.getCanvasImage().flipX) {
-                $("#tzd" + self.tzdId).css(
-                  "transform",
-                  `rotate(${-(360 - (self.deg + angle))}deg)`
-                );
+                // 如果是掌纹，特征点缩放
+                if (self.zwType == '掌纹') {
+                  $("#tzd" + self.tzdId).css(
+                    "transform",
+                    `rotate(${-(360 - (self.deg + angle))}deg) scale(${self.ratio + 0.1})`
+                  );
+                } else {
+                  $("#tzd" + self.tzdId).css(
+                    "transform",
+                    `rotate(${-(360 - (self.deg + angle))}deg)`
+                  );
+                }
+
                 self.tzdArr.forEach(item => {
                   if (item.id == self.tzdId) {
                     item.angle = (360 - (self.deg + angle))
@@ -1855,20 +1885,38 @@ export default {
                 } else if (deg < 0) {
                   deg = deg + 360
                 }
-                $("#tzd" + self.tzdId).css(
-                  "transform",
-                  `rotate(${-deg}deg)`
-                );
+                // 如果是掌纹，特征点缩放
+                if (self.zwType == '掌纹') {
+                  $("#tzd" + self.tzdId).css(
+                    "transform",
+                    `rotate(${-deg}deg) scale(${self.ratio + 0.1})`
+                  );
+                } else {
+                  $("#tzd" + self.tzdId).css(
+                    "transform",
+                    `rotate(${-deg}deg)`
+                  );
+                }
+
                 self.tzdArr.forEach(item => {
                   if (item.id == self.tzdId) {
                     item.angle = deg
                   }
                 })
               } else {
-                $("#tzd" + self.tzdId).css(
-                  "transform",
-                  `rotate(${-self.deg - angle}deg)`
-                );
+                // 如果是掌纹，特征点缩放
+                if (self.zwType == '掌纹') {
+                  $("#tzd" + self.tzdId).css(
+                    "transform",
+                    `rotate(${-self.deg - angle}deg) scale(${self.ratio + 0.1})`
+                  );
+                } else {
+                  $("#tzd" + self.tzdId).css(
+                    "transform",
+                    `rotate(${-self.deg - angle}deg)`
+                  );
+                }
+
                 self.tzdArr.forEach(item => {
                   if (item.id == self.tzdId) {
                     item.angle = -(-self.deg - angle)
@@ -2306,7 +2354,7 @@ export default {
               $(`#auto_tzdDom${self.tzdId}`).css("box-sizing", "border-box");
               $("#auto_tzdDom" + self.tzdId).css(
                 "transform",
-                `rotate(${-item.zwtzd_tzfx}deg)`
+                `rotate(${-item.zwtzd_tzfx}deg) scale(${self.ratio+0.1})`
               );
               self.tzdId++;
               // 特征点数量
@@ -2367,7 +2415,7 @@ export default {
               $(`#auto_tzdDom${self.tzdId}`).css("box-sizing", "border-box");
               $("#auto_tzdDom" + self.tzdId).css(
                 "transform",
-                `rotate(${-item.zwtzd_tzfx}deg)`
+                `rotate(${-item.zwtzd_tzfx}deg) scale(${self.ratio+0.1})`
               );
               self.tzdId++;
               // 特征点数量