Vue CropperJS是一個基于CropperJS的Vue組件，它能夠讓用戶輕松地實現圖片裁剪的功能。在Vue CropperJS中，有很多API可以供用戶使用，下面我們將詳細介紹這些API的用法。

<vue-cropper
ref="cropper"
:options="{
viewMode: 2,
dragMode: 'move',
aspectRatio: 16 / 9,
autoCropArea: 0.8,
restore: false,
guides: true,
highlight: false,
cropBoxMovable: true,
cropBoxResizable: true,
toggleDragModeOnDblclick: false,
minCropBoxWidth: 300,
minCropBoxHeight: 200
}"
:src="imgSrc"
></vue-cropper>

上面這段代碼展示了Vue CropperJS的基本使用，其中options對象中包含了組件的配置選項，比如viewMode（顯示模式）,dragMode（拖拽模式）,aspectRatio（寬高比）等參數。最后src屬性指定了需要進行裁剪處理的圖片路徑。

getImageData (): object

這個方法用于獲取圖片的詳細信息，返回一個對象，包括裁剪框的坐標，圖片尺寸等信息。

getCroppedCanvas (options: object): HTMLCanvasElement

這個方法用于將裁剪后的圖片轉為canvas對象，可以使用HTMLCanvasElement提供的操作方法對圖片進行進一步的處理。options參數是可選的，包括width（輸出寬度）,height（輸出高度）,minWidth（最小輸出寬度）,minHeight（最小輸出高度）等參數。

setDragMode (mode: string): void

這個方法用于設置拖拽模式，其中mode參數是一個字符串，可以是'crop', 'move'。'crop'表示裁剪模式，'move'表示位移模式。

setData (data: object): void

這個方法用于設置裁剪框和圖片的位置信息，其中data參數是一個對象，包括x, y, width, height等屬性。

disable (): void

這個方法用于禁用組件，禁止用戶對裁剪框和圖片進行操作。

enable (): void

這個方法用于啟用組件，允許用戶對裁剪框和圖片進行操作。

rotate (degree: number): void

這個方法用于順時針旋轉圖片，其中degree參數表示旋轉的角度。

zoom (ratio: number): void

這個方法用于對圖片進行縮放，其中ratio參數表示縮放比例。

replace (url: string, sizeMode: string): void

這個方法用于替換當前的圖片，其中url參數指定新的圖片路徑，sizeMode參數指定圖片適應裁剪框的方式，可以是'full', 'real'等值。'full'表示覆蓋整個裁剪框，'real'表示保持比例縮放并位于裁剪框中央。

destroy (): void

這個方法用于銷毀組件，釋放內存。