src/renderer/src/AixPPTist/src/views/components/element/ImageElement/ImageClipHandler.vue

@@ -154,15 +154,13 @@ const topImgWrapperPositionStyle = computed(() => {
 const topImgPositionStyle = computed(() => {
   const bottomWidth = imgPosition.value.width
   const bottomHeight = imgPosition.value.height
-  console.log("底层图片位置大小（遮罩区域图片）", imgPosition.value)
   
   const { top, left, width, height } = topImgWrapperPosition.value
-  console.log("width", ((bottomWidth / width * 100) - (left * (100 / width))) + '%')
-  console.log("height", bottomHeight / height * 100 + '%')
+  
   return {
     left: -left * (100 / width) + '%',
     top: -top * (100 / height) + '%',
-    width: ((bottomWidth / width * 100) - (left * (100 / width))) + '%' ,
+    width: bottomWidth / width * 100 + '%' ,
     height: bottomHeight / height * 100 + '%',
   }
 })
@@ -540,6 +538,7 @@ const edgePoints = [
 
     img {
       position: absolute;
+      max-width: none !important;
     }
   }
 }

src/renderer/src/AixPPTist/src/views/components/element/ImageElement/index.vue

@@ -183,6 +183,7 @@ const handleClip = (data: ImageClipedEmitData | null) => {
   }
   img {
     position: absolute;
+    max-width: none !important; // 防止图片被压缩
   }
 }
 .color-mask {