2018-05-30 text2image

将任何字符串转换为渐变图像

使用自己的字符串作为种子创建渐变抽象图像。插入文字并根据其MD5散列值生成图像。

- 项目网址

工作原理

text2image接受输入字符串并生成该字符串的MD5哈希值。一个MD5散列由32个十六进制字符串组成,这个字符串被分成6个块,前4个将用于创建径向渐变,第5个将是背景色,最后一个将设置背景的不透明度颜色。

例如,我们将使用字符串'Hello world'

  • 我们创建字符串的md5 md5('Hello world')
  • 哈希值是: 3e25960a79dbc69b674cd4ec67a72c62
  • 哈希值块然后:3e25960a79dbc69b674cd4ec67a72c,和62
  • 我们使用用于径向梯度组块1〜4作为基础HTML十六进制颜色:#3e2596#0a79db#c69b67#4cd4ec
  • 第五块是背景色:#67a72c
  • 第六块是alpha透明度(十六进制): 62。以十进制转换的此值为98(超过255)或38(超过100)。
  • 最后,我们有这背景#67a72c0.38透明度。
    现在我们拥有了所有可以创建图像的颜色:
图片
#01 我们创建一个空的画布。
步骤#01
#02 #67a72c38%阿尔法通道的背景颜色。
步骤#02
#03 第一个圆形放射状渐变从TOP LEFT开始,颜色#3e2596变为透明。
步骤#03
#04 第二个圆形放射状渐变从TOP RIGHT颜色#0a79db变为透明。
步骤#04
#05 第三个圆形径向渐变从BOTTOM RIGHT颜色#c69b67变为透明。
步骤#05
#06 第四个圆形从左下方的颜色渐变#4cd4ec为透明。
步骤#06

'Hello world'的输出图像:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.ios高性能编程 (1).内层 最小的内层平均值和峰值(2).耗电量 高效的算法和数据结构(3).初始化时...
    欧辰_OSR阅读 29,766评论 8 265
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,256评论 19 139
  • 1.说一说你平时写代码遵守的编码规范 HTML常用规范: 使用 4 个空格做为一个缩进层级,不允许使用 2 个空格...
    clark124阅读 284评论 0 0
  • 百年人耻寻常老, 一卷书争分寸功。 作者:邓传密 清乾隆六十年-同治九年(公元1795-1870年...
    醉花堂主人阅读 1,100评论 0 1