SeregPie / VuetifyImageInput

Provides basic image editing tools.
https://seregpie.github.io/VuetifyImageInput/
MIT License
131 stars 36 forks source link

imageMinScaling does not work properly #30

Closed eMZetta closed 3 years ago

eMZetta commented 3 years ago

Hey, thanks for this great module, I like it a lot, but i have the following problem:

I want the selected image to appear in the cropper according to the width of the image. I try to achieve this with imageMinScaling="contain", but the image is still too small in the preview:

I used this module in another project, there it works fine: image

This is how it is now exactly the same code as the print screen above: image

Any idea what this could be?

<v-image-input
                                    v-model="profilePicture"
                                    :image-quality="0.85"
                                    :image-width="400"
                                    :image-height="600"
                                    clearable
                                    upload-icon="add_a_photo"
                                    :hide-actions="false"
                                    rotateCounterClockwiseIcon="rotate_left"
                                    rotateClockwiseIcon="rotate_right"
                                    flipVerticallyIcon="crop_rotate"
                                    flipHorizontallyIcon="flip"
                                    imageFormat="jpeg"
                                    imageMinScaling="contain"
                                    :imageMaxScaling="6"
                                    :debounce="300"
                                    :overlayPadding="50px"
                                    :overlayBorderWidth="4px"
                                />
eMZetta commented 3 years ago

I found my problem: the following css setting was deposited: img { max-width: 100% height: auto }

This needed to be removed