答题卡格子作文图片生成器（article-image-generator）

简介

如标题所见，这个项目可以将电子稿的作文转换成答题卡方格纸一样的形式

在线示例

目录介绍

static 目录下是对应使用的字体（阿里巴巴普惠体），本来在 generator 文件夹和 front-end/com 文件夹需要引用

generator 此项目使用前端三件套（html、css、JavaScript）制作。此目录仅为生成 html 文件的文件夹

front-end 生成器前端代码（在线示例）

back-end 生成器后端代码（图片生成在后端生成，前端预览就是用 iframe 显示出 html）

使用说明

部署

后端部署到后端，前端部署到前端即可。

生成器说明

在 generator/script.js 中前五个变量分别对应为：

• block：一行有多少格
• column：有多少栏
• row：一纵列有多少行
• line：横线标记位置（二维数组，第0位即第一纵列里进行标注，第1位即第二纵列里进行标注，以此类推。每位里面也是数组，每一位数字即在第几行下面标注横线）
• text：文章原文（\n（即换行）分割。第一行自动使用标题格式。标题不可超过 block 设定值（没有判断是否超过，超过我也不知道会怎么样哈哈哈））

变量设置样例

样例

图片显示

注：虽然有日文示例，但本程序暂且主要为中文作文所制作并优化，故日文生成可能在标点符号等排版上不符合规范。

协议

本代码使用 MIT 开源协议

若在您的产品中使用本代码，请在可见页面标注原作者、源代码链接及源代码协议。

开源仓库

GitHub

Gitee