字帖生成器

简介:字帖生成器
关键字:字帖生成器


工具二维码
Image
<!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”或直接“打印”。



浏览量:128
发布人:物理D世界
发布时间:2026-06-05 15:45:53

分享到:
最新工具
答题 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)


Copyright 2015-2020 All Rights Reserved
浙ICP备13035423号-2 | 技术支持