|
@@ -47,6 +47,7 @@
|
|
src: { type: String, required: true },
|
|
src: { type: String, required: true },
|
|
alt: { type: String },
|
|
alt: { type: String },
|
|
circled: { type: Boolean, default: false },
|
|
circled: { type: Boolean, default: false },
|
|
|
|
+ aspectRatio: { type: Number, default: 1 },
|
|
realTimePreview: { type: Boolean, default: true },
|
|
realTimePreview: { type: Boolean, default: true },
|
|
height: { type: [String, Number], default: '360px' },
|
|
height: { type: [String, Number], default: '360px' },
|
|
crossorigin: {
|
|
crossorigin: {
|
|
@@ -104,6 +105,7 @@
|
|
}
|
|
}
|
|
cropper.value = new Cropper(imgEl, {
|
|
cropper.value = new Cropper(imgEl, {
|
|
...defaultOptions,
|
|
...defaultOptions,
|
|
|
|
+ aspectRatio: props.aspectRatio,
|
|
ready: () => {
|
|
ready: () => {
|
|
isReady.value = true;
|
|
isReady.value = true;
|
|
realTimeCroppered();
|
|
realTimeCroppered();
|