ngx-Image-Cropper：如何在加载时和裁剪前定义宽度

Question

Say I have a huge image 6000 px x 4000 px, how can I make it take up only 250 px in width in my.html?

tried followings not working:

<image-cropper width="50px"...>

<image-cropper [resizeToWidth]="250"...>

Note I don't want to predefine aspect ratio, II know resizeToWidth is for after cropped.

Answer 1

Think outside of the box use old trick, simply use a to surround the cropper:

<div #cropContainer style="display: block; width: 100px"><image-cropper ...></div>

Answer 2

Try this example in stackblitz

[resizeToWidth]="200" should work. Try it again.