Compare commits

..

2 Commits

2 changed files with 10 additions and 4 deletions

View File

@ -15,7 +15,7 @@
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<view @click="toggle()">
<jp-cropper-watermark :watermarkType="1" mode="ratio" :width="300" :height="500" :maxWidth="1080" :maxHeight="1920" :url="url" @cancel="oncancel" @ok="onok"></jp-cropper-watermark>
<jp-cropper-watermark :watermarkType="1" mode="ratio" :width="530" :height="750" :handleWH="false" :maxWidth="1080" :maxHeight="1920" :url="url" @cancel="oncancel" @ok="onok"></jp-cropper-watermark>
<image src="../../static/logo.png" v-if="avatar==null" mode=""
style="width: 111rpx;height: 111rpx;border-radius: 50%;"></image>
<image v-else :src="avatar" mode="" style="width: 111rpx;height: 111rpx;border-radius: 50%;">

View File

@ -45,6 +45,7 @@
* @property {String} url 图片路径
* @property {Number} width 宽度
* @property {Number} height 高度
* @property {boolean} handleWH 是否对宽高进行逻辑处理 false:宽高传多少用多少
* @property {Number} maxWidth 最大宽带
* @property {Number} minHeight 最大高度
*/
@ -66,6 +67,10 @@ export default {
type: Number,
default: 200
},
handleWH: {
type: Boolean,
default: true
},
maxWidth: {
type: Number,
default: 1024
@ -351,6 +356,7 @@ export default {
destWidth: mx.tw,
destHeight: mx.th,
success: (rst) => {
console.log(rst)
var path = rst.tempFilePath;
// #ifdef H5
var base64 = path;
@ -470,16 +476,16 @@ export default {
if (this.rotate % 180 != 0) {
mul = this.image.height / this.real.width;
}
if (this.mode != "fixed") {
if (this.mode != "fixed" && this.handleWH) {
width = this.frame.width / mul;
height = this.frame.height / mul;
}
var rate = width / height;
if (width > this.maxWidth) {
if (width > this.maxWidth && this.handleWH) {
width = this.maxWidth;
height = width / rate;
}
if (height > this.maxHeight) {
if (height > this.maxHeight && this.handleWH) {
height = this.maxHeight;
width = height * rate;
}