ngx-Image-Cropper：如何在加載時和裁剪前定義寬度

Question

假設我有一個 6000 像素 x 4000 像素的巨大圖像，我怎樣才能讓它在 my.html 中只占用 250 像素的寬度？

嘗試以下不起作用：

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

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

注意我不想預定義縱橫比，我知道resizeToWidth是用於裁剪后的。

Answer 1

跳出框框思考使用舊技巧，只需使用 a 包圍cropper：

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

Answer 2

在stackblitz中試試這個例子

[resizeToWidth]="200"應該可以。 再試一遍。