[JS/TS] PaperStudio：一款开源的Web端专业信笺与稿纸设计工具

一个基于 Web 的轻量级信笺纸、稿纸设计工具。它允许用户通过简单的拖拽和配置，设计出符合传统书写习惯或现代商务风格的信纸，并支持导出为 PDF 或直接打印。

Github地址
https://github.com/jingguanzhang/PaperStudio

在线体验
https://jingguanzhang.github.io/PaperStudio

图1：PaperStudio 主界面，展示纸张布局与元素属性设置面板

核心功能与亮点

• 灵活的网格布局

  • 多种纸张规格：支持 A4、A3、B5、16 开等标准尺寸，也允许自定义尺寸。
  • 一键生成稿纸：可快速生成横线或方格稿纸模板。
  • 精细样式调节：支持调节行数、线宽、颜色、虚线模式，以及首尾行双线等特殊样式。

• 丰富的绘图工具

  • 文字编辑：支持多种中文字体、字号、加粗/斜体/下划线效果，并可调整字间距与行高。
  • 图形绘制：内置矩形、圆形、三角形、五角星等多种基础矢量图形。
  • 智能矩形：矩形支持调节圆角或斜角样式，满足更多设计需求。
  • 图片处理：支持上传本地图片，并可一键设置为背景，方便制作带有Logo或水印的专属信纸。

• 高效的编辑与前端 & 移动协作体验

  • 图层管理：提供直观的图层列表，支持对元素进行锁定、隐藏及上下排序。
  • 对齐与分布：支持多选元素进行左/中/右对齐，以及水平/垂直方向的平均分布。
  • 历史记录：提供完善的撤销（Undo）与重做（Redo）功能，设计过程更安心。

• 便捷的存储与输出

  • 工程保存：可将完整设计保存为 .paper 格式的项目文件，便于日后重新打开编辑。
  • 高清导出：支持将设计成果导出为高清图片或排版规范的 PDF 文档。
  • 直接打印：内置优化的打印样式，确保打印效果与屏幕预览一致，实现所见即所得。

如果你对这类创意十足的前端开源项目感兴趣，欢迎在开源实战板块发现更多优质内容与开发灵感。