共计 4808 个字符，预计需要花费 13 分钟才能阅读完成。
程序员的浪漫：三十行代码实现用她的名字作幅画
hello，各位小伙伴们大家好，看这篇文章的有很多新的敌人，有预计有不少的老朋友，首先做个自我介绍，我是一灰灰，码农界的资深搬运工；明天呢，没有站在我身边的捧哏老师，那就只好给大伙来个单口的灌水博文了
大巷上铺天盖地的 520 促销优惠买一赠一的宣传语，宣告了初夏的第一个非凡节日，可好巧不巧的是到了 5.21 号这天我才发现，竟然又到了 520 啊，而后再一看手机，卧槽，竟然过了。。。这特么回家还不得跪我那斥巨资 200 大洋买的机械键盘了
连忙动员一下高达 249IQ 的大脑，思考一下有什么补救的措施，是时候解开封印已旧的人肉爬虫技能，看看票圈晒图的敌人们，能不能提供有价值的灵光一现
功夫终负有心人，果不其然毫无播种；老老实实的施展一下职业专长，码农能够整些什么浪漫的活 呢？
- [] 写个 html 页面，陪她去看流星雨
- [] 用她的照片组个带音乐、能自动播放的 PPT
- [] 黑个商场大屏幕，附上她的美图秀秀 + 爱你一万年
- [] AI 主动写个
xxx 爱你一万年的藏头诗 - [] 写个无界面的 APP，偷偷装在她的手机上，设置定时弹出一朵鲜花（不怕被打的话恐怖图片也能够🤭）
可抉择的不少，接下来就剩下一个小问题了，5.21 号送出 5.20 号的小礼物能被原谅么？（请看到这里的美少女么摸着本人的良心，在评论区大声通知我”能“好么）
话接上文，就算有再多得小仙女通知我能，讲道理我也不敢信啊，接下来收费给各位看官分享一个价值 99 的 idea，用她的名字做一幅画（如下），上面这么大的工作量，delay 个一两天不很失常么（请大声通知我，是不是很机智）
接下来，老司机教你如何应用三十行用她 (他它) 的名字画出她的艺术画
<!– more –>
写了这么多竟然还没有进入主题，这文章灌水得我本人都有点看不过去了😓，言归正传，接下来咱们看下，如何实现用她的名字来作画呢？
1. 作战思路
指标有了，接下来就是定计划了，大家都晓得计算机的世界是由 0 和 1 组成，那么图片的世界又是由什么组成呢？
我曾经听到聪慧机智的小伙伴心田的答案了，对，没错，就是一个一个带有色彩的像素块
那么咱们要做的是什么呢？答案曾经跃然纸上了，各位少侠小仙女么，请大声通知我好么
咳咳，说正经的，就是将将这一个一个像素块，而后用她 (他它) 的名字替换就行了
2. 战前筹备
俗话说兵马未动，粮草先行，正式开干之前，先做一些必要的筹备
-
[x] 一张美丽动人的图片
- 先将背景解决一下，保留要害的人物信息，缩小乐音
- 不会 ps 的小伙伴，能够间接应用 https://www.remove.bg/zh 三秒实现抠图
-
[x] 抉择开动的技术栈，专制抉择
- java,
- php,
- golang,
- js,
- python?
既然如此，那咱们遵循被迫准则，就决定是你了 — 爪蛙（JAVA）
3. 开火
感激各位小伙伴抉择 java 我的本命技能，那咱们来看一下如何来实现咱们的目标
步骤拆解：
- 读取图片
- 并创立一个等大的画板
- 遍历图片的每个像素点，读取像素点的 RGB
- 在画板对应的地位上渲染文字
- 保留画板，功败垂成
实现源码:
public static Color int2color(int color) {int a = (0xff000000 & color) >>> 24;
int r = (0x00ff0000 & color) >> 16;
int g = (0x0000ff00 & color) >> 8;
int b = (0x000000ff & color);
return new Color(r, g, b, a);
}
public void renderCharPhoto(String imgPath, String name, String saveFile) throws Exception {
// 第一步，载图片
BufferedImage img = ImageIO.read(new File(imgPath));
int w = img.getWidth(), h = img.getHeight();
// 第二步，创立等大的画板
BufferedImage output = new BufferedImage(w, h, img.getType());
Graphics2D g2d = output.createGraphics();
g2d.setFont(new Font("宋体", Font.PLAIN, 1));
int index = 0;
for (int x = 0; x < w; x++) {for (int y = 0; y < h; y++) {
// 第三步，遍历每个像素点，并获取对应的 rgb
char ch = name.charAt((index++) % name.length());
g2d.setColor(int2color(img.getRGB(x, y)));
// 第四步，写上他她它的名字
g2d.drawString(String.valueOf(ch), x, y);
}
}
// 第五步，保留图片
g2d.dispose();
ImageIO.write(output, "png", new File(saveFile));
}就这么简略，连忙跑一下试试成果
如同有什么中央不对劲，这和原图没啥两样啊，那么问题出在哪呢？一个像素点上的文字，我的钛合金四眼看不见啊，那能够怎么办呢？
有情理，把图片放大，不就 ok 了么，那么将下面的画板调整一下，放大 24 倍，设置字体大小 20，给字与字之间留点空隙
public void renderCharPhoto(String imgPath, String name, String saveFile) throws Exception {BufferedImage img = ImageIO.read(new File(imgPath));
int w = img.getWidth(), h = img.getHeight();
BufferedImage output = new BufferedImage(w * 24, h * 24, img.getType());
Graphics2D g2d = output.createGraphics();
g2d.setFont(new Font("宋体", Font.PLAIN, 20));
int index = 0;
for (int x = 0; x < w; x++) {for (int y = 0; y < h; y++) {char ch = name.charAt((index++) % name.length());
g2d.setColor(int2color(img.getRGB(x, y)));
g2d.drawString(String.valueOf(ch), x * 24 + 2, y * 24 + 2);
}
}
g2d.dispose();
ImageIO.write(output, "png", new File(saveFile));
}
这规范的宋体如同裸露了什么，要是通知他(她它）这是手绘的，能信么？
为了更真切一点，换个手绘字体试一试，网上搜寻一下，从这里 https://www.diyiziti.com/Buil… 下载了一个 洒脱手写体 资源
而后再调整一下下面代码中的字体设置
public void renderCharPhoto(String imgPath, String name, String saveFile) throws Exception {BufferedImage img = ImageIO.read(new File(imgPath));
int w = img.getWidth(), h = img.getHeight();
BufferedImage output = new BufferedImage(w * 24, h * 24, img.getType());
Graphics2D g2d = output.createGraphics();
// 应用自定义的字体
try (InputStream inputStream = Files.newInputStream(Paths.get("D://MobileFile/ 洒脱手写体.ttf"))) {Font font = Font.createFont(Font.TRUETYPE_FONT, inputStream);
g2d.setFont(font.deriveFont(Font.PLAIN, 20));
}
int index = 0;
for (int x = 0; x < w; x++) {for (int y = 0; y < h; y++) {char ch = name.charAt((index++) % name.length());
g2d.setColor(int2color(img.getRGB(x, y)));
g2d.drawString(String.valueOf(ch), x * 24 + 2, y * 24 + 2);
}
}
g2d.dispose();
ImageIO.write(output, "png", new File(saveFile));
}
如果对方很相熟你的字体怎么办？
解决办法也有，利用商店搜寻一下 ” 造字 ”，还能够顺便给本人打造一个举世无双的字体
棒，这下感觉无懈可击了啊，只有把下面的图片找个打印店，彩绘一下，完事了啊；拿走，不谢
如果可怜的是，当你有个机智的对象时，那么她 / 他 / 它多半会给你灵魂一问，你是如何做到，字和间距都分毫不差的？
最初叨叨了这么久，突然想到一个问题，520 这个节日，和我这没有女票的人有什么关系么？
4. 战后福利
下面三十行代码手把手教你实现了一个 哄(糊弄)女票的办法，基本功能还是很残缺的，当然如此贴心的一灰灰我，也给各位小伙伴提供了更敌对的形式，如间接从网上加载图片、字体
public void testCharPicture() throws Exception {
prefix = "/tmp/";
String img = "http://hbimg.b0.upaiyun.com/2b79e7e15883d8f8bbae0b1d1efd6cf2c0c1ed1b10753-cusHEA_fw236";
ImgPixelWrapper.build()
.setSourceImg(img)
.setChars("小黄人")
// 字体文件下载地址: https://www.diyiziti.com/Builder/446
.setFontName("https://font.js.live/front/font/download?id=446")
.setBlockSize(24)
.setFontSize(22)
.setBgPredicate(color -> {
// 指定背景色，不渲染文本
if (color == 0) return true;
Color rc = ColorUtil.int2color(color);
// 将红色当作背景色
return rc.getRed() >= 245 && rc.getGreen() >= 245 && rc.getBlue() >= 245;})
.setPixelType(PixelStyleEnum.CHAR_SEQ_SCALE_UP)
.build().asFile(prefix + "/char_pic_xhr.jpg");
System.out.println("---- over ---");
}对应的源码：https://github.com/liuyueyi/quick-media
引入形式也很简略
<artifactId>image-plugin</artifactId>
<groupId>com.github.liuyueyi.media</groupId>
<version>2.6.4</version>是不是很贴心，是不是很打动，是不是应该点个赞、给个评论反对，加个珍藏下次备用呢
一灰灰的联系方式
尽信书则不如无书，以上内容，纯属一家之言，因集体能力无限，不免有疏漏和谬误之处，如发现 bug 或者有更好的倡议，欢送批评指正，不吝感谢
- 集体站点：https://blog.hhui.top
- 微博地址: 小灰灰 Blog
- QQ：一灰灰 /3302797840
- 微信公众号：一灰灰 blog