之前在公司用react做过一个答题卡的项目，觉得效果还不错，以此留作展示
图1.答题卡首页
图2.答题卡主观题
图3.答题卡主观题
图4.页面弹窗效果
图5.页面弹窗导出答题卡模板
图6.扫描工具首页框选
图7.扫描工具主观题区域框选
图8.扫描工具框选图
图9.扫描工具答题卡框选图
图10.扫描工具答题卡区域框选图
项目名称：答题卡切图模版
项目背景：北京师范大学一线教师在线批改试卷答题卡时，需要根据不同的题型来分配答题卡不同的内容给多位教师进行批改
项目功能：1. 将原始答题卡中的信息按照不同的题型，所在不同的区域来进行划分模块
2.将这些模块按照name, page, x, y, width, height, num等信息模块封装，生成相应的 xml文件，且模块的区域支持编辑功能
3.将答题卡以pdf图片的格式逐页输出
4.将答题卡中奇数页的四个标志位以jpg格式图片输出
5.将生成的xml, pdf, jpg文件打包成zip包
6.在答题卡后台编辑页面添加按钮，可以导出不同格式的答题卡信息，分别为pdf和 zip包格式
项目难点：1. 对于信息模块的划分：如何区分客观题模块和主观题模块
2.对于客观题按照题型划分：客观题模块如何按照单选，多选，判断以及相连题号 来划分。例：1-3是单选，4-6是多选， 9-15是判断，但是每一列为4行标准，所 以，从第5题开始就会重新另起一列排列。因此准确的划分应该是1-3 单选， 4多 选，5-6多选， 9-12判断， 13-15判断
3.如何精准的计算x, y的值：x, y表示的是划分的每一个模块的左上角距离答题卡左上 角标志位左上方的横坐标和纵坐标距离
4.如何精准的计算width, height的值：width和height分别代表各个模块所在区域的宽 和高，并且支持模块的区域编辑
5.如何支持模块的区域编辑所导致的主观题部分的变化：变化包括所在页码的变 化，所在页面结构的变化，所在区域的宽高变化等
6.如何根据第三方工具框选的区域来及时调整算法并修改相应的bug
7.如何优化信息提取算法，并监控计算每次遍历所消耗的时间
