diff --git a/src/components/cutImg.vue b/src/components/cutImg.vue
index 017f163..fbaae69 100644
--- a/src/components/cutImg.vue
+++ b/src/components/cutImg.vue
@@ -92,24 +92,47 @@ function myUpload(params) {}
const cropper = ref(null);
const option = reactive({
img: "",
+ canMove: true,
outputSize: 0.5, //图片质量
- info: false, // 裁剪框的大小信息
- // outputType: 'jpeg', // 裁剪生成图片的格式
- outputType: "png", // 裁剪生成图片的格式
+ outputType: "png",
canScale: true, // 图片是否允许滚轮缩放
- autoCrop: true, // 是否默认生成截图框
+ fixedBox: false,
+ original: false,
+ canMoveBox: true,
+ autoCrop: true,
+ // 只有自动截图开启 宽度高度才生效
autoCropWidth: window.innerWidth - 100 + "px", // 默认生成截图框宽度
autoCropHeight: window.innerWidth - 100 + "px", // 默认生成截图框高度
- high: true, // 是否按照设备的dpr 输出等比例图片
- fixedBox: false, // 固定截图框大小 不允许改变
- fixed: false, // 是否开启截图框宽高固定比例
- // fixedNumber: [1, 1], // 截图框的宽高比例
- full: true, // 是否输出原图比例的截图
- canMoveBox: true, // 截图框能否拖动
- original: false, // 上传图片按照原始比例渲染
- centerBox: true, // 截图框是否被限制在图片里面
+ centerBox: true,
+ high: true,
+ cropData: {},
+ enlarge: 1,
+ mode: 'contain',
+ maxImgSize: 3000,
+ // limitMinSize: [50, 50],
+ fixed: false,
+ // fixedNumber: [2, 1],
+ fillColor: '',
+ full: true,
infoTrue: false, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
- mode: "100% auto", // 图片默认渲染方式
+ // outputSize: 0.5, //图片质量
+ // info: false, // 裁剪框的大小信息
+ // // outputType: 'jpeg', // 裁剪生成图片的格式
+ // outputType: "png", // 裁剪生成图片的格式
+ // canScale: true, // 图片是否允许滚轮缩放
+ // autoCrop: true, // 是否默认生成截图框
+ // autoCropWidth: window.innerWidth - 100 + "px", // 默认生成截图框宽度
+ // autoCropHeight: window.innerWidth - 100 + "px", // 默认生成截图框高度
+ // high: true, // 是否按照设备的dpr 输出等比例图片
+ // fixedBox: false, // 固定截图框大小 不允许改变
+ // fixed: false, // 是否开启截图框宽高固定比例
+ // // fixedNumber: [1, 1], // 截图框的宽高比例
+ // full: true, // 是否输出原图比例的截图
+ // canMoveBox: true, // 截图框能否拖动
+ // original: false, // 上传图片按照原始比例渲染
+ // centerBox: true, // 截图框是否被限制在图片里面
+ // infoTrue: false, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
+ // mode: "100% auto", // 图片默认渲染方式
});
//#region 裁剪图片
const cropperOverData = ref(null);
diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts
index e5c7bdb..9ea2d5d 100644
--- a/src/types/auto-imports.d.ts
+++ b/src/types/auto-imports.d.ts
@@ -2,7 +2,6 @@
export {}
declare global {
const EffectScope: typeof import('vue')['EffectScope']
- const ElForm: typeof import('element-plus/es')['ElForm']
const ElMessage: typeof import('element-plus/es')['ElMessage']
const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
@@ -271,7 +270,6 @@ import { UnwrapRef } from 'vue'
declare module 'vue' {
interface ComponentCustomProperties {
readonly EffectScope: UnwrapRef