vue-cropperjs如何设置默认剪裁出来的图片宽200px,高为100px
时间: 2023-11-16 20:32:20 浏览: 138
你可以通过设置 `canvasWidth` 和 `canvasHeight` 属性来实现默认剪裁出来的图片宽200px,高为100px。具体的代码如下:
```vue
<template>
<div>
<vue-cropper
ref="cropper"
:canvasWidth="200"
:canvasHeight="100"
></vue-cropper>
</div>
</template>
<script>
import VueCropper from 'vue-cropperjs';
export default {
components: {
VueCropper,
},
};
</script>
```
以上代码中,我们通过 `canvasWidth` 和 `canvasHeight` 属性来设置默认剪裁出来的图片宽为 200px,高为 100px。你可以根据需要进行修改。
阅读全文