520示爱小工具
  NCwIOQgSwg4N 2023年11月01日 112 0

520

大家好,我是 DOM哥

也许你会好奇上面的这张图片是怎么生成的,接下来我就开始隆重介绍这款文生图工具

当然,并非 AI 的那个文生图

预览地址https://dombro.site/tools#/text-image

非常简洁的界面啊!左边是预览区,右边是配置区

图片模式呢,是能把一张图片变成由文字组成

用起来也是非常简单

graph TD 上传一张图片 --> 写上填充的文案 --> 成了

可以放大看看细节,相当耐斯

这里可以合并相同色值,把小字合成一个大字。可以看看上下两张图的不同

然后就是文字模式。

graph TD 输入一个文案 --> 再输入几个用来填充的字 --> 就生成了一张字套字的图片

字套字啊!

这里还可以设置文字的排版

可以按照顺序去填充。这时候一个大字就是由很多小字组成。
520.jpeg

也可以逐字去填充。这时候一个大字就是由一个小字填充。
520逐字.jpg

马上就要520了,选中女神的图片,再写上想说的话,用来表白也不是不可以!

接下来说说实现思路。

先这样

先把选择的图片画在 canvas 上。接着用 getImageData 方法拿到源图上每个像素点的颜色信息。

再那样

然后把源图的每个像素点替换成填充文字,并且设置文字颜色和像素点儿的颜色一样。

最后

想要源码的猿媛们注意啦,我都写完了何必自己写呢!私信我留个邮箱哈~

点赞推荐送源码啦 👍

你也可以去 B 站观看视频版 >>

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  f18CFixvrKz8   2024年05月20日   93   0   0 JavaScript
  fxrR9b8fJ5Wh   2024年05月17日   53   0   0 JavaScript
  2xk0JyO908yA   2024年04月28日   41   0   0 JavaScript
NCwIOQgSwg4N