答题卡格子作文图片生成器(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 开源协议
若在您的产品中使用本代码,请在可见页面标注原作者、源代码链接及源代码协议。
网友评论