载入2000像素以上的大图时，显示不完全（vue3)

如图所示，当图片尺寸<1200像素时，似乎没有这个现象。但当图片>2000像素时，就会出现如图显示不全的现象(右侧小图是完整图片，证明图片本身是完整加载了的）。
奇怪的是，用你线上的演示版本载入我这个大图，却可以完整显示。
我应该怎么做？

![输入图片说明](https://foruda.gitee.com/images/1727254588006867338/43afac79_74709.png "屏幕截图1")
![输入图片说明](https://foruda.gitee.com/images/1727254891690395157/876f6262_74709.png "屏幕截图2")
```
<template>
  <div class="test">
    <vue-img-cutter
      ref="imgCutterModal"
      label="选择本地图片"
      fileType="jpeg"
      :crossOrigin="true"
      crossOriginHeader="*"
      :isModal="false"
      :showChooseBtn="true"
      :lockScroll="true"
      :boxWidth="400"
      :boxHeight="600"
      :cutWidth="250"
      :cutHeight="250"
      :sizeChange="true"
      :moveAble="true"
      :imgMove="true"
      :originalGraph="false"
      :smallToUpload="true"
      :saveCutPosition="true"
      :scaleAble="true"
      :previewMode="true"
      :quality="1"
      :accept="(image / gif, image / jpeg, image / png)"
      :toolBoxOverflow="true"
    >
      <template #confirm>
        <el-button type="primary">裁剪并上传</el-button>
      </template>
    </vue-img-cutter>
    <br>
    <img :src="my_src" style="width:100px;margin-left:20px; height:auto" />
  </div>
</template>

GLUESTICK/vue-img-cutter

内容风险标识

评论 (8)

GLUESTICK/vue-img-cutter .gitee-modal { width: 500px !important; }

内容风险标识