简介:字帖生成器
关键字:字帖生成器
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>字帖生成器——物理D世界</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
overflow: hidden;
height: 100vh;
width: 100vw;
background: #0b0f1c;
}
iframe {
display: block;
width: 100%;
height: 100%;
border: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
</style>
</head>
<body>
<iframe src="https://tool.physicalw.com/tool/1/21/141" loading="eager"></iframe>
</body>
</html>
这个工具使用了原生的 HTML、CSS 和 JavaScript,并集成了 html2pdf.js 库来实现高质量的 PDF 导出。它包含了田字格设计、多种手写字体选择、透明度调节以及标准的 A4 打印排版。
手写字体选择:
集成了 Google Fonts 提供的三款免费且美观的中文字体:马善政毛笔体、知茫星体和流江毛草体。
同时也提供了系统自带的楷体作为备选。
田字格设计:
使用纯 CSS 绘制田字格(实线边框 + 虚线中分线)。
严格按照 18mm 的格子大小设计,确保在 A4 纸张(210mm 宽)上每行显示 10 个格子。
打印适配:
使用了 CSS @media print 媒体查询。点击“点击打印”或按 Ctrl+P 时,页面会自动隐藏上方的控制栏,只保留字帖内容。
设置了强制分页逻辑,确保内容超过一页时自动换页。
PDF 导出:能够将生成的网页排版直接转换为标准的 PDF 文件,方便保存或发送给他人。
交互友好:
支持透明度调节(0.1 - 1.0),方便用户根据需要生成“浅色临摹版”或“深色欣赏版”。
支持换行符处理:如果在文本框中按下回车,生成器会自动结束当前行并跳到下一行开头,符合古诗排列习惯。
使用方法:
在浏览器(推荐 Chrome 或 Edge)中打开。
修改文本,点击“重新生成”。
满意后点击“下载 PDF”或直接“打印”。
| 答题 PK对战台 | 2026/06/23/ |
| 答题PK | 2026/06/23/ |
| 智能班级排座位系统 | 2026/06/22/ |
| 国家中小学智慧教育平台 | 2026/06/06/ |
| 九章大模型(MathGPT) | 2026/06/06/ |
| Findin | 2026/06/06/ |
| Plickers | 2026/06/06/ |
| 数学派 | 2026/06/06/ |
| 超喵 | 2026/06/06/ |
| chatspss实验室 | 2026/06/06/ |
| 飞象老师 | 💗(15579) |
| 数学派 | 💗(15578) |
| 超喵 | 💗(15545) |
| 通义万相 | 💗(15537) |
| Findin | 💗(15474) |
| 九章大模型(MathGPT) | 💗(15448) |
| 可灵AI | 💗(15441) |
| chatspss实验室 | 💗(15342) |
| 腾讯混元3D | 💗(15332) |
| 天谱乐 | 💗(15194) |