css-doodle随机取汉字

马黑黑

:doodle { @grid: 5 / 300px; } background: tan; :after { content: @p([一-龥]); font-size: 2em; }

马黑黑

单击 css-doodle 元素，会自动更换文字

马黑黑

css-doodle代码：

1. <css-doodle click-to-update>
   
2.         :doodle {
   
3.                 @grid: 5 / 300px;
   
4.         }
   
5.         background: tan;
   
6.         :after {
   
7.                 content: @p([一-龥]);
   
8.                 font-size: 2em;
   
9.         }
   
10. </css-doodle>

复制代码

马黑黑

css-doodle随机取汉字原理：

@pick() 函数支持正则表达式。本例中，语句

    content: @p([一-龥]);

是给单元格伪元素 :after 的 content 属性赋值，@p() 是 @pick() 的缩写，函数内的参数 [一-龥] 是一个匹配GBK汉字的正则表达式。

花飞飞

马黑黑 发表于 2023-4-18 17:33
单击 css-doodle 元素，会自动更换文字

每次点击出现不同的汉字，繁体字库

马黑黑

花飞飞 发表于 2023-4-18 17:55
每次点击出现不同的汉字，繁体字库

不是繁体字库，只是从概率上讲，偏僻字数量众多出现的概率也偏高而已。

马黑黑

花飞飞 发表于 2023-4-18 17:55
每次点击出现不同的汉字，繁体字库

多点几次，你会看到你熟悉的汉字

红影

好多不认识的人，严重怀疑我认识的汉字不足3千

红影

这个代码这么简单，就能囊括所有汉字，厉害了

千羽

挺神奇的，每点击一次，字幅就会更换一次，黑黑老师棒棒哒

马黑黑

千羽 发表于 2023-4-18 22:13
挺神奇的，每点击一次，字幅就会更换一次，黑黑老师棒棒哒

棒棒哒是羽图

马黑黑

红影 发表于 2023-4-18 21:02
这个代码这么简单，就能囊括所有汉字，厉害了

本来玩汉字就不复杂

马黑黑

红影 发表于 2023-4-18 21:01
好多不认识的人，严重怀疑我认识的汉字不足3千

3千有的

红影

马黑黑 发表于 2023-4-18 23:06
本来玩汉字就不复杂

那个汉字正则表达式厉害，收了那么多的字。

红影

马黑黑 发表于 2023-4-18 23:06
3千有的

那为什么在这个帖子里看到的不认识的超过了认识的字啊

马黑黑

红影 发表于 2023-4-19 10:43
那为什么在这个帖子里看到的不认识的超过了认识的字啊

3000是什么意思？GBK汉字共有多少个？

马黑黑

红影 发表于 2023-4-19 10:42
那个汉字正则表达式厉害，收了那么多的字。

它实际上是表示一个大的数组一样的字库

花飞飞

马黑黑 发表于 2023-4-18 17:59
不是繁体字库，只是从概率上讲，偏僻字数量众多出现的概率也偏高而已。

看到认识的了。这个库太全了非常用字占多数

花飞飞

马黑黑 发表于 2023-4-18 18:00
多点几次，你会看到你熟悉的汉字

总算看到熟悉的了。不然我觉得它不亲民了

马黑黑

花飞飞 发表于 2023-4-19 17:50
总算看到熟悉的了。不然我觉得它不亲民了

汉字太多，生僻字占比高的