1.实现分享图的效果
enter image description here
2.开发环境
2.1 JDK
-
oracle‘s jdk 1.8以上
2.2 字体 - 若选择了微软雅黑字体又是代码部署到Linux,则需要安装微软雅黑字体,字体安装方式自行google
- 加载背景
3.1 加载背景图
这是使用白色框底来作背景图1.
java code //这里从项目resources加载背景图,读文件到输入流,代码作了简列 InputStream background = null BufferedImage zoomPicture = ImageIO.read(background);
- 圆头像的实现
4.1 头像裁剪
头像裁剪成半径
//头像半径
public static final int PROFILE_RADIUS = 80;
// 2. 头像裁剪成圆形
BufferedImage roundedImage = SharedImageUtils.createRoundedImage(new URL(userProfileUrl).openStream(),
SharedImageUtils.PROFILE_RADIUS);
4.2 背景图上绘画头像
绘画位置
/ 要放置的头像y坐标 /
public static final int PROFILE_Y = 1056;
/ 要放置的头像X坐标 /
public static final int PROFILE_X = 90;
//頭像旁邊附帶文字(ps:字体是微软雅黑,linux不具备有,需要安装,)
BufferedImage profileImage = SharedImageUtils.mergePicture(zoomPicture,
roundedImage,
nickName + " 为你推荐网批货源",
SharedImageUtils.PROFILE_X,
SharedImageUtils.PROFILE_Y,
SharedImageUtils.PROFILE_RADIUS,
SharedImageUtils.PROFILE_RADIUS);
- 商品图案的显示
5.1 绘画的位置和长宽
public static final int COPYWRITER_X = 150;
/ 商店图案Y位置 /
public static final int SHOP_PIC_Y = 70;
/商店图案位置/
public static final int SHOP_PIC_X = 93;
/ 商店图案寬度 /
public static final int SHOP_PIC_WIDTH = 900;
/ 商店图案長度 /
public static final int SHOP_PIC_LENGTH = 950;
5.2 绘画图案
shopImage = SharedImageUtils.mergePicture(profileImage, shopImage, null,
SharedImageUtils.SHOP_PIC_X,
SharedImageUtils.SHOP_PIC_Y,
SharedImageUtils.SHOP_PIC_WIDTH, SharedImageUtils.SHOP_PIC_LENGTH);
- 文案的显示
6.1 文案绘画的位置与字体大小
BufferedImage textImage = SharedImageUtils.drawTextInImage(shopImage, "档口: " + shopName, 150, 1200);
//添加文案
BufferedImage mergeImage = SharedImageUtils.drawTextInImage(textImage, "地址: " + shopAddr, 150, 1280);
- 二维码的显示
7.1 二维码的大小与位置
/ 要放置的二维码寬度 /
public static final int QRCODE_WIDTH = 230;
/ 要放置的二维码長度 /
public static final int QRCODE_LENGTH = 230;
/ 要放置的二维码Y位置 往下为大值,往上为小值 /
public static final int QRCODE_Y = 1070;
/要放置的二维码X位置 往下为大值,往上为小值 /
public static final int QRCODE_X = 740;
7.2 二维码的绘画
BufferedImage shopQrBuffer = ImageIO.read(new URL(shopQrUrl));
mergeImage = SharedImageUtils.mergeQrcode(mergeImage,
shopQrBuffer,
"扫描或长按小程序码",
SharedImageUtils.QRCODE_X,
SharedImageUtils.QRCODE_Y,
SharedImageUtils.QRCODE_WIDTH,
SharedImageUtils.QRCODE_LENGTH);
- 最终的分享图
// 5. 生成分享图
ImageIO.write(mergeImage, "jpg", response.getOutputStream());
- 源码 欢迎工作一到五年的Java工程师朋友们加入Java群: 741514154
群内提供免费的Java架构学习资料(里面有高可用、高并发、高性能及分布式、Jvm性能调优、Spring源码,MyBatis,Netty,Redis,Kafka,Mysql,Zookeeper,Tomcat,Docker,Dubbo,Nginx等多个知识点的架构资料)合理利用自己每一分每一秒的时间来学习提升自己,不要再用"没有时间“来掩饰自己思想上的懒惰!趁年轻,使劲拼,给未来的自己一个交代!
https://github.com/SteamPako/sharedImagas.git