美文网首页
答题卡格子作文图片生成器

答题卡格子作文图片生成器

作者: LKZ烂裤子 | 来源:发表于2022-01-08 21:12 被阅读0次

    答题卡格子作文图片生成器(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

    相关文章

      网友评论

          本文标题:答题卡格子作文图片生成器

          本文链接:https://www.haomeiwen.com/subject/ovlycrtx.html