红影 发表于 2026-1-1 13:01
这个好，可以自动标注拼音呢，太赞了
等下我改一下一楼，加个按钮，可以随机上屏 Unicode 汉字，玩玩
红影 发表于 2026-1-1 13:02
原来口口大是这个
还是头一次见到这个字呢
这叫欲哭无泪，哭字没有一点，丶示意眼泪
马黑黑 发表于 2026-1-1 09:33
没用的上一般都记不住，人脑它有一个自然的抵制机制，不愿意塞进没用的东东，这是长期进化出来的一种策略 ...
不像某某人有过目不忘的本领。。。{:4_173:}
马黑黑 发表于 2026-1-1 09:35
不是繁体字库，是 Unicode 收录的汉字。随机上屏的汉字中，pinyin-pro 不一定都能提供拼音注音
试了好几次，只要能出来的字，都有拼音。。不能标注的定是另类。。
这程序好强大。。
马黑黑 发表于 2026-1-1 13:29
等下我改一下一楼，加个按钮，可以随机上屏 Unicode 汉字，玩玩
我的天啊，这个随机里咋那么多不认识的字啊{:4_173:}
马黑黑 发表于 2026-1-1 13:33
这叫欲哭无泪，哭字没有一点，丶示意眼泪
一个字的意思就这么丰富啊。
使用 html() 函数可以直接输出 拼音+文本，这个就厉害了{:4_190:}
杨帆 发表于 2026-1-1 21:01
使用 html() 函数可以直接输出 拼音+文本，这个就厉害了
{:4_180:}
花飞飞 发表于 2026-1-1 20:01
不像某某人有过目不忘的本领。。。
有酱紫的人？厉害了我的哥
花飞飞 发表于 2026-1-1 20:03
试了好几次，只要能出来的字，都有拼音。。不能标注的定是另类。。
这程序好强大。。
随机出字的会有一些没有拼音，因为pinyin-pro没能收完全部的unicode汉字
红影 发表于 2026-1-1 20:46
我的天啊，这个随机里咋那么多不认识的字啊
从古至今，已存在过的汉字超过30万，字词典收录的最多的十多万，Unicode已经编码的汉字超过三万。
普通人汉字词汇量一般也就是1千到1万之间
红影 发表于 2026-1-1 20:47
一个字的意思就这么丰富啊。
汉字就是酱紫，笔画里头信息量丰富
马黑黑 发表于 2026-1-2 12:06
https://s3.bmp.ovh/imgs/2026/01/02/444c350e077a9395.png请教马老师：对竖排文字，如何让拼音平写且加在文字正上方（如图）？https://s3.bmp.ovh/imgs/2026/01/02/5cf0caa8cad14878.png
杨帆 发表于 2026-1-2 19:49
请教马老师：对竖排文字，如何让拼音平写且加在文字正上方（如图）？
你可以去研究一下竖排方面的CSS相关设置，但不论怎样，效果肯定不理想：字母类字符会90度旋转，观者需要具备脖子功才方便阅读
马黑黑 发表于 2026-1-2 20:21
你可以去研究一下竖排方面的CSS相关设置，但不论怎样，效果肯定不理想：字母类字符会90度旋转，观者需要 ...
是，主要是无法解决将拼音加在文字正上方的问题
杨帆 发表于 2026-1-2 20:25
是，主要是无法解决将拼音加在文字正上方的问题
我想，ruby 标签设为竖排后它的子元素 rt 也会跟着竖排，所以关键是你得会竖排的CSS选择器设置，这个你得去学一下
本帖最后由 杨帆 于 2026-1-2 21:11 编辑 <br /><br />马黑黑 发表于 2026-1-2 20:30
我想，ruby 标签设为竖排后它的子元素 rt 也会跟着竖排，所以关键是你得会竖排的CSS选择器设置，这个你得 ...
是的，目前竖排效果是这样的~<br><br>
<style>
#papa{margin:30px 0;left:calc(50% - 81px);transform:translateX(-50%);background:url('https://pic1.imgdb.cn/item/688718aa58cb8da5c8e7a4ae.jpg') no-repeat center/cover;width:clamp(600px,90vw,1400px);min-height:80vh;aspect-ratio:16/9;border-radius:20px;box-shadow:0 0 0 2px #000,0 0 15px 15px #006000;overflow:hidden;position:relative;user-drag:none;user-select:none;z-index:1;}
#content{position:absolute;left:5%;top:50%;transform:translate(-50%,-50%);z-index:5;width:80%;height:80%;display:flex;flex-direction:row-reverse;align-items:center;gap:40px;}
.pinyin-line{writing-mode:vertical-rl;text-align:center;line-height:1;}
ruby{font-size:3em;color:red;font-family:SimHei;user-select:none;ruby-position:over;ruby-merge:separate;}
rt{font-size:.5em;padding:2px 0;color:blue;text-align:center;}
.punctuation{font-size:2.5em;color:red;font-family:SimHei;user-select:none;vertical-align:middle;margin:0 2px;}
</style>
<div id="papa">
<div id="content">
白日依山尽，
黄河入海流。
欲穷千里目，
更上一层楼。
</div>
</div>
<script type="module">
import { html } from 'https://638183.freep.cn/638183/web/py/pypro.js';
const addPinyin=()=>{
const contentElem=document.getElementById('content');
const originalText=contentElem.textContent.trim();
const textLines=originalText.split('\n').filter(line=>line.trim());
let pinyinHtml='';
textLines.forEach(line=>{
const punctuationRegex=/([，。！？；：""''（）【】、])/g;
const parts=line.split(punctuationRegex).filter(part=>part.trim());
let lineHtml='';
parts.forEach(part=>{
if(punctuationRegex.test(part)){
lineHtml+=`<span class="punctuation">${part}</span>`;
}else{
lineHtml+=html(part);
}
});
pinyinHtml+=`<div class="pinyin-line">${lineHtml}</div>`;
});
contentElem.innerHTML=pinyinHtml;
};
if(document.readyState==='loading'){
document.addEventListener('DOMContentLoaded',addPinyin);
}else{
addPinyin();
}
</script>
<a href="https://www.qqxiuzi.cn/zh/pinyin/shupai.php"> 在网上看到的竖排文字加拼音,也是这样的</a>
杨帆 发表于 2026-1-2 21:21
在网上看到的竖排文字加拼音,也是这样的
使得，字母都是睡觉的
马黑黑 发表于 2026-1-2 12:14
从古至今，已存在过的汉字超过30万，字词典收录的最多的十多万，Unicode已经编码的汉字超过三万。
普 ...
居然这么多，我们对自己的文字居然都知道得这么少，惭愧啊。