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

Question

假设我有一张6000px 4000px的巨大图片，我怎么才能让它在我的.html中只有250px的宽度呢？

尝试的以下内容不起作用：

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

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

注意，我不想预定义纵横比，我知道resizeToWidth是用于裁剪后的。

Answer 1

跳出框框，使用旧的技巧，简单地使用a来包围裁剪器：

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

Answer 2

在stackblitz中尝试此示例

[resizeToWidth]="200"应该可以工作。再试一次。