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/views/createVideo/index.vue b/src/views/createVideo/index.vue index 5010f1d..42d0a23 100644 --- a/src/views/createVideo/index.vue +++ b/src/views/createVideo/index.vue @@ -24,7 +24,7 @@