Skip to content

caicaicai/miaozitie

Repository files navigation

🐱 喵字帖 - 小学生练字工具

一个专为小学生设计的在线汉字练字帖生成工具,支持笔画演示、描红练习和文章注音。

🌐 在线体验

喵字帖 - Cloudflare Pages 部署版本

✨ 功能特点

📝 笔画练习模式 (index.html)

  • 📚 年级分类:支持一到六年级(上下册)的生字库,共2500+个常用汉字
  • 🖊️ 笔画演示:逐笔显示汉字书写顺序,帮助学习正确笔顺
  • ✍️ 描红练习:提供田字格描红格和空白练习格,数量可分别设置
  • 🔤 拼音标注:自动显示汉字拼音,学字认音同步进行
  • 🎨 自定义设置:可调节格子大小、文字透明度、练习次数等
  • 🖨️ 打印优化:支持单列/双列布局,适配A4纸张

✍️ 抄字模式 (chaozi.html)

  • 📐 紧凑布局:每个字占用极小空间,适合抄写文章
  • 🔧 灵活配置
    • 显示/隐藏拼音、原字、笔顺
    • 笔顺列数(3-12列)
    • 笔顺行数(1-6行)
    • 描红/空白练习格
  • 📊 多列打印:支持 6列 / 8列 / 10列 布局
  • 📏 统一高度:所有字的容器高度一致,布局整齐美观
  • 分割线:行列分割线,视觉更清晰

📖 文章注音 (pinyin.html)

  • 📝 批量转换:输入任意中文文章,自动添加拼音注音
  • 🎨 样式定制:可调节字体大小、拼音颜色、是否显示声调
  • 📚 预设故事:内置多个经典故事示例
  • 🖨️ 打印友好:优化的打印样式,适合儿童阅读

🚀 快速开始

本地使用

直接在浏览器中打开以下任一文件即可使用:

文件 功能 适用场景
index.html 笔画练习 详细学习笔顺,逐笔练习
chaozi.html 抄字模式 抄写文章句子,紧凑省纸
pinyin.html 文章注音 阅读故事,学习拼音

使用步骤

笔画练习

  1. 选择年级(可选)
  2. 输入汉字或点击"随机生成"
  3. 调整描格/练格数量、透明度等参数
  4. 点击"打印练字帖"

抄字模式

  1. 输入要抄写的文章或句子
  2. 配置显示选项(拼音/原字/笔顺)
  3. 选择练习格类型(描红/空白)
  4. 调整打印列数
  5. 点击"打印"

文章注音

  1. 输入或粘贴中文文章
  2. 调整字体大小和拼音颜色
  3. 点击"生成注音"
  4. 点击"打印"

📁 文件结构

miaozitie/
├── index.html          # 笔画练习(主页)
├── chaozi.html         # 抄字模式
├── pinyin.html         # 文章注音
├── hanzi-writer.min.js # 汉字笔画库
├── pinyin-pro.min.js   # 拼音转换库
├── ziku.txt            # 小学生字库
├── README.md           # 项目说明
└── DEPLOYMENT.md       # 部署指南

📖 技术栈

🎯 适用场景

  • 👦 小学生在家练字
  • 👨‍👩‍👧 家长辅导孩子写字
  • 👩‍🏫 老师制作练字作业
  • 📖 幼儿阅读注音故事
  • 🌏 汉字学习者练习笔顺

📝 更新日志

v2.0.0 (2024-11)

  • ✅ 新增抄字模式,紧凑布局适合抄写文章
  • ✅ 新增文章注音功能,支持批量拼音标注
  • ✅ 抄字模式支持显示/隐藏拼音、原字、笔顺
  • ✅ 抄字模式支持配置笔顺列数和行数
  • ✅ 抄字模式添加行列分割线
  • ✅ 描格和练格数量可分别设置,支持设为0
  • ✅ 优化打印布局,支持单列/双列选择
  • ✅ 统一页面导航,三个功能互相跳转
  • ✅ 添加页脚开源信息

v1.0.0 (2024)

  • ✅ 完整的年级分类字库(小学一到六年级)
  • ✅ 笔画顺序演示功能
  • ✅ 描红练习功能
  • ✅ 拼音自动标注
  • ✅ 双列打印布局优化
  • ✅ 自定义参数设置

🚀 部署

项目可部署到 Cloudflare Pages、GitHub Pages 等静态托管平台。

详见 DEPLOYMENT.md

📄 许可证

MIT License

🤝 贡献

欢迎提出建议和改进意见!


💡 提示:建议使用现代浏览器(Chrome、Firefox、Edge)以获得最佳体验。

About

喵字帖 - 小学生笔画练字帖生成器 https://miaozitie.80wdb.com/

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages