关于java:程序员的浪漫三十行代码实现用她的名字作幅画

49次阅读

共计 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

正文完
 0