将任何字符串转换为渐变图像
使用自己的字符串作为种子创建渐变抽象图像。插入文字并根据其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
|