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

@@ -154,13 +154,15 @@ 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 + '%' ,
+    width: ((bottomWidth / width * 100) - (left * (100 / width))) + '%' ,
     height: bottomHeight / height * 100 + '%',
   }
 })
@@ -538,7 +540,6 @@ const edgePoints = [
 
     img {
       position: absolute;
-      max-width: none !important;
     }
   }
 }

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

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