演示视频
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.获取代码
关注公众号 理木客 后台回复:图片剪裁,既可获得完整代码。