将任何字符串转换为渐变图像
使用自己的字符串作为种子创建渐变抽象图像。插入文字并根据其MD5散列值生成图像。
- 项目网址
工作原理
text2image接受输入字符串并生成该字符串的MD5哈希值。一个MD5散列由32个十六进制字符串组成,这个字符串被分成6个块,前4个将用于创建径向渐变,第5个将是背景色,最后一个将设置背景的不透明度颜色。
例如,我们将使用字符串'Hello world'
- 我们创建字符串的md5
md5('Hello world')
- 哈希值是:
3e25960a79dbc69b674cd4ec67a72c62
- 哈希值块然后:
3e2596
,0a79db
,c69b67
,4cd4ec
,67a72c
,和62
- 我们使用用于径向梯度组块1〜4作为基础HTML十六进制颜色:
#3e2596
,#0a79db
,#c69b67
,#4cd4ec
。 - 第五块是背景色:
#67a72c
。 - 第六块是alpha透明度(十六进制):
62
。以十进制转换的此值为98(超过255)或38(超过100)。 - 最后,我们有这背景
#67a72c
与0.38
透明度。
现在我们拥有了所有可以创建图像的颜色:
# | 步 | 图片 |
---|---|---|
#01 | 我们创建一个空的画布。 | 步骤#01
|
#02 |
#67a72c 与38% 阿尔法通道的背景颜色。 |
步骤#02
|
#03 | 第一个圆形放射状渐变从TOP LEFT开始,颜色#3e2596 变为透明。 |
步骤#03
|
#04 | 第二个圆形放射状渐变从TOP RIGHT颜色#0a79db 变为透明。 |
步骤#04
|
#05 | 第三个圆形径向渐变从BOTTOM RIGHT颜色#c69b67 变为透明。 |
步骤#05
|
#06 | 第四个圆形从左下方的颜色渐变#4cd4ec 为透明。 |
步骤#06
|