马黑黑 发表于 2022-3-24 22:18

红影 发表于 2022-3-24 22:15
那些变色方案已经把我看迷糊了

其实简单的,就是用 rgba 配色方式,JS里分别获取随机值给三个变量 r、g、b,然后使用线性渐变将 rgb 三种颜色搭配成两个颜色,两者变换一下变量位置的顺序。

马黑黑 发表于 2022-3-24 22:25

红影 发表于 2022-3-24 22:15
那些变色方案已经把我看迷糊了

这句

bb.style.background = 'linear-gradient(45deg,rgb(' + r + ',' + g + ',' + b + '),rgb(' + g +',' + b + ',' + r +'))';

翻译成CSS的话就是

background: linear-gradient(45deg,rgb(r,g,b), rgb(g,b,r));

红色的 r,g,b 是数值变量,随机变化。橙色的 rgb 是 rgb颜色 表示方法

红影 发表于 2022-3-24 23:00

马黑黑 发表于 2022-3-24 22:18
其实简单的,就是用 rgba 配色方式,JS里分别获取随机值给三个变量 r、g、b,然后使用线性渐变将 rgb 三 ...

还可以把三种颜色搭配成两个啊,这个厉害了{:4_187:}

红影 发表于 2022-3-24 23:02

马黑黑 发表于 2022-3-24 22:25
这句

bb.style.background = 'linear-gradient(45deg,rgb(' + r + ',' + g + ',' + b + '),rgb(' + g...

嗯,,用数字的颜色表示方法,通过随机改变数字,达到颜色变化的效果{:4_199:}

马黑黑 发表于 2022-3-25 12:30

红影 发表于 2022-3-24 23:02
嗯,,用数字的颜色表示方法,通过随机改变数字,达到颜色变化的效果

是的

马黑黑 发表于 2022-3-25 12:32

红影 发表于 2022-3-24 23:00
还可以把三种颜色搭配成两个啊,这个厉害了

rgb或rgba方法需要三个元素(红蓝绿),它这样组成颜色:

rgb(红,蓝,绿)
rgb(红,蓝,绿,alpha值)

红影 发表于 2022-3-25 14:27

马黑黑 发表于 2022-3-25 12:32
rgb或rgba方法需要三个元素(红蓝绿),它这样组成颜色:

rgb(红,蓝,绿)


这个知道的,只是不知道可以通过改变动态他们的数字,能出现不停变换的色彩。

马黑黑 发表于 2022-3-25 18:46

红影 发表于 2022-3-25 14:27
这个知道的,只是不知道可以通过改变动态他们的数字,能出现不停变换的色彩。

定时器控制,每隔一个指定时间改变一下它的背景色

红影 发表于 2022-3-25 21:25

马黑黑 发表于 2022-3-25 18:46
定时器控制,每隔一个指定时间改变一下它的背景色

这种改变颜色的方式很巧妙,这种改变用英文字母的就不行了吧,用六位字母和数字的表述应该也不行了。

马黑黑 发表于 2022-3-25 22:41

红影 发表于 2022-3-25 21:25
这种改变颜色的方式很巧妙,这种改变用英文字母的就不行了吧,用六位字母和数字的表述应该也不行了。

英文字母的也可以哈,进制不同,可能抽象一些

红影 发表于 2022-3-25 22:51

马黑黑 发表于 2022-3-25 22:41
英文字母的也可以哈,进制不同,可能抽象一些

哦哦,还以为只有这个数字的可以呢。

马黑黑 发表于 2022-3-25 23:45

红影 发表于 2022-3-25 22:51
哦哦,还以为只有这个数字的可以呢。

rgb是最好控制的,因为它用的是数值

红影 发表于 2022-3-26 14:20

马黑黑 发表于 2022-3-25 23:45
rgb是最好控制的,因为它用的是数值

是啊,其他的要么用字母,要么是字母和数字的组合,都不如纯数字方便。现在总算体会到了各种颜色表达方式里的在使用时的差异。

马黑黑 发表于 2022-3-26 14:33

红影 发表于 2022-3-26 14:20
是啊,其他的要么用字母,要么是字母和数字的组合,都不如纯数字方便。现在总算体会到了各种颜色表达方式 ...

进制问题而已的,也不难的

红影 发表于 2022-3-26 16:06

马黑黑 发表于 2022-3-26 14:33
进制问题而已的,也不难的

不如单词颜色,根本就没法这样随机啊。

马黑黑 发表于 2022-3-26 16:28

红影 发表于 2022-3-26 16:06
不如单词颜色,根本就没法这样随机啊。

要计算一下的

红影 发表于 2022-3-26 16:48

马黑黑 发表于 2022-3-26 16:28
要计算一下的

单词的组合千变万化,这个也能计算?

马黑黑 发表于 2022-3-26 17:57

红影 发表于 2022-3-26 16:48
单词的组合千变万化,这个也能计算?

十六进制的规律

红影 发表于 2022-3-26 21:20

马黑黑 发表于 2022-3-26 17:57
十六进制的规律

这个,不懂。

马黑黑 发表于 2022-3-26 21:21

红影 发表于 2022-3-26 21:20
这个,不懂。

进制还是换成十进制的好理解,人科动物的理解习惯
页: 5 6 7 8 9 10 11 12 13 14 [15] 16 17 18 19 20 21 22 23
查看完整版本: 文字效果集中营