介紹
我們經常會遇到，需要上傳固定比例圖片的場景，比如更換頭像圖片等。這時就需要先對圖片進行裁切，Ant Desgin 預設並沒有提供這樣的功能。
antd-img-crop 是一個用於包裝 Ant Design Upload 的元件，可實現在上傳前，先對圖片進行裁切，然後上傳裁切後的圖片。
示例
安裝
yarn add antd-img-crop複製程式碼使用
用法非常簡單，直接在 Upload 父級加上 ImgCrop，即可實現裁切圖片的功能。
import ImgCrop from 'antd-img-crop';
import {
Upload
} from 'antd';
<
ImgCrop>
<
Upload>
+ Add image<
/Upload>
<
/ImgCrop>
複製程式碼Props
modalTitle
型別：string，預設："編輯圖片"
圖片裁切彈窗的標題
width
型別：number，預設：100
height
型別：number，預設：100
使用 width 與 height 獲取裁切區域的比例。（而不是定義裁切區域的真實長度）
例如預設 height 為 100，若只傳入 width={500，則裁切區域長寬比為
}5 / 1
scale
型別：number，預設：80
使用 scale 來獲取裁切區域的大小
例如當 scale = 100 時，裁切區域將佔滿圖片的寬度或高度