演示视频
1.工具类
这里剪裁图片的工具类使用的是 hutool 项目中的 图片工具-ImgUtil ,Maven中引入Jar包
1 | <dependency> |
2.总体思路
图片上传然后回显,接着前台有一个图片剪裁框,当用户提交的时候,获取这个框的宽和高以及距离上边和左边的距离,接着后台剪裁图片即可。
3.代码
这里的文件上传使用了layui做前台,图片回显使用了vue,这两部分的js和css自行查阅
3.获取代码
关注公众号 理木客 后台回复:图片剪裁,既可获得完整代码。
物有本末,事有终始,知所先后,则近道矣。
这里剪裁图片的工具类使用的是 hutool 项目中的 图片工具-ImgUtil ,Maven中引入Jar包
1 | <dependency> |
图片上传然后回显,接着前台有一个图片剪裁框,当用户提交的时候,获取这个框的宽和高以及距离上边和左边的距离,接着后台剪裁图片即可。
这里的文件上传使用了layui做前台,图片回显使用了vue,这两部分的js和css自行查阅
关注公众号 理木客 后台回复:图片剪裁,既可获得完整代码。
微信支付
支付宝