VuetifyImageInput icon indicating copy to clipboard operation
VuetifyImageInput copied to clipboard

Add scalefactor property for differencing between output and presentation

Open gijsbeijer opened this issue 3 years ago • 2 comments

It would be great if we could show an image field in certain width/height but make the output a multitude of that field.

Regards!

gijsbeijer avatar Aug 19 '21 13:08 gijsbeijer

This is a big issue for me, following designs showing image is small so out put is that set size. When image is saved on server and used for its actual display purpose it is way too small causing it to be distorted. Original image was 3 times the size before being uploaded.

Byronsargeant avatar Feb 23 '22 17:02 Byronsargeant

I am facing a similar problem. However, my use case is a set of scale factors based on absolute values that determine the scale and that I need to upload and manipulate these on handheld (mostly).

In my system, a user needs to upload three different types of images (of documents): identify ( ie passport), drivers license (ie credit card size) and an A4/Letter. The images need to be cropped to these set sizes/dimensions, the text remain readable AND also keep them small in file size (eg 20-50kb). This is all possible as combinations in my testing.

This would mean needing properties (AFAIK):

  • output height
  • output width
  • output file size

What I would like is for the component to be able make the scale factor calculation because it knows the original image/width (and file size).

Alternatively, the component could expose the original image with accepted transformations/positioning for the external processing and backwards compatibility.

I would be happy to make a pull request with changes.

toddb avatar Jul 02 '23 20:07 toddb