演示視頻
1.工具類
這裏剪裁圖片的工具類使用的是 hutool 項目中的 圖片工具-ImgUtil ,Maven中引入Jar包
<dependency>
<groupId>cn.hutool</groupId>
<artifactId>hutool-all</artifactId>
<version>5.2.3</version>
</dependency>
2.總體思路
圖片上傳然後回顯,接着前臺有一個圖片剪裁框,當用戶提交的時候,獲取這個框的寬和高以及距離上邊和左邊的距離,接着後臺剪裁圖片即可。
3.代碼
這裏的問價上傳使用了layui做前臺,圖片回顯使用了vue,這兩部分的js和css自行查閱
3.獲取代碼
關注公衆號 理木客 後臺回覆:圖片剪裁,既可獲得完整代碼。