印章生成工具

前言

在日常学习处理报告、文档的时候，偶尔会需要电子印章。市面上很多电子签章工具大多收费，导出还会带上水印，使用限制比较多。

作为计算机专业的课程实践，我基于前端 Canvas 开发了一款轻量化电子印章生成工具，完全在本地运行，不用后端服务器，免费无水印，这里简单给大家介绍这个小工具。

工具能做什么

这款工具主打圆形电子公章的生成，可以模拟真实红章效果。

• ✅ 自定义印章基础样式：双层圆环边框、中间五角星，可调整印章大小、边框粗细、五角星尺寸，适配现实中 3‑4 厘米常规印章规格。
• ✅ 环形文字排版：支持上方主标题环形文字、底部编号文字，兼容中文、数字、字母混合，自动计算角度完成弧形排布，字号、间距都可以手动调整。
• ✅ 印泥做旧仿真：增加噪点磨损效果，模拟真实盖章时油墨不均、边缘斑驳的质感，告别矢量图过于 “光滑假硬” 的问题，磨损强度可调节。
• ✅ 实时预览 + 本地导出：修改参数立刻看到预览效果，全部运算在本地浏览器完成，不会上传你的数据。直接导出透明背景 PNG 图片，导出的图片可以插入 Word、PDF 文档直接使用。

底层用到的技术

整个项目是纯前端实现，核心依托 HTML5 Canvas：

1. 矢量图形绘制：利用 Canvas API 绘制圆形、五角星，矢量绘制放大不会模糊。
2. 环形文字算法：利用三角函数计算每一个文字的位置和旋转角度，实现公章特有的弧形环绕文字效果，也是本项目的核心难点。
3. 像素图像处理：操作图像像素数组，叠加随机噪点，模拟印章盖印后的磨损、颗粒感。
4. 离线架构：不需要服务器，所有渲染全部本地完成，打开网页就可以直接使用。

适合哪些场景

1. 课程作业、实训报告做电子标注；
2. 趣味自定义印章制作；
3. 计算机图形学学习演示，参考环形文字、像素滤镜的实现思路。

现存的局限

目前工具只实现了圆形印章模板，暂不支持方形、椭圆印章；高分辨率导出时，噪点渲染速度会变慢；只有红色印泥效果。

后续优化设想：

• 增加方形、椭圆形印章模板；
• 优化图像处理算法，提升渲染速度；
• 增加更多印章颜色；
• 支持直接对 PDF 文件盖章。