Cropper image not fitting container

[TeniSoftTechnologies]

First off, great job on the work you've done with version 2 — it's clear there's been a lot of effort and thought put into it. That said, I did run into a few challenges while integrating it. The documentation feels a bit sparse and could really benefit from clearer examples with code to help guide implementation.

Specifically, I'm loading an image sized at 1200px by 1540px into a container that's scaled down to 120px by 154px. However, the cropper appears to still operate based on the original image dimensions (1200px x 1540px), which results in most of the image being out of view within the container. It would be helpful if the cropper could better adapt to the scaled dimensions or if there were clearer guidance on how to handle this scenario.

The image is in a container like this
`html

`

Lastly, when a template isn't set, the image fails to display entirely.

[fengyuanchen]

Do you miss the scalable property of the <cropper-image /> element?

For example:

<cropper-image src="/cropperjs/picture.jpg" alt="Picture" rotatable scalable skewable translatable></cropper-image>

[femto-code]

I had the exact same issue as @TeniSoftTechnologies. Adding only scalable property did not fix the issue. I had to add translatable, then it worked.