一种全平台兼容的图文题目显示方法技术

本发明专利技术公开了一种全平台兼容的图文题目显示方法，包括以下步骤：(1)、将目标题目数据转换；(2)、对转换后的数据进行解析生成图形化的描述数据；(3)、将描述数据插入至HTML模板中；(4)、调整HTML模板的分辨率参数；(5)、采用无头浏览器加载HTML模板并进行渲染；(6)、利用无头浏览器获取content类元素的位置信息；(7)、根据content类元素的位置信息对content类元素进行精确截图；(8)、截图保存为适用于对象终端的文件格式，即可用于对象终端显示。本发明专利技术突破了平台对HTML、XML和浏览器的依赖，能够保证在任何分辨率下结构的一致性，并可批量快速渲染出合适的图片。

【技术实现步骤摘要】
一种全平台兼容的图文题目显示方法
本专利技术涉及网页数据处理方法领域，具体是一种全平台兼容的图文题目显示方法。
技术介绍
在教育软件相关产品中，题目信息是学生学习和练习最重要的组成部分。而题目信息的显示效果直接影响学生的阅读效率和理解程度。其中题目信息的显示效果包括但不限于：字体格式及大小，每行的文本长度及分段，数学公式的规范性，图片的位置、大小及清晰度等。尤其在数学公式等字符难以描述的内容显示上，需要渲染成易于人脑理解的图形化信息。传统的显示方案是通过HTML技术进行图文混排，目前主要使用HTML5技术方案。HTML5的canvas元素可以实现画布功能，该元素通过自带的API结合使用JavaScript脚本语言在网页上绘制图形和处理。但HTML5技术需要HTML协议的支持，无法直接应用于IOS和Android等移动端原生平台。并且图文混排方案在跨平台显示时，面对不同的分辨率需要重新适配和调优，否则难以达到良好的显示效果。针对这种局限性，很多产品试图通过SVG技术来解决。SVG(ScalableVectorGraphics)通过本文档来自技高网...

【技术保护点】
1.一种全平台兼容的图文题目显示方法，其特征在于：包括以下步骤：/n(1)、对目标题目中的图文数据进行预处理，使其转换为符合LaTeX语言语法规范的数据格式；/n(2)、利用解析程序对步骤(1)预处理后的图文数据进行解析，生成图形化的描述数据；/n(3)、建立HTML模板，并将步骤(2)生成的描述数据插入至HTML模板中；/n(4)、调整步骤(3)插入描述数据后的HTML模板的分辨率参数，使之符合对象终端的分辨率要求；/n(5)、采用无头浏览器加载步骤(4)调整分辨率后的HTML模板，并利用无头浏览器对加载的HTML模板进行渲染，从而在无头浏览器中生成对应的页面；/n(6)、利用无头浏览器的元...

【技术特征摘要】
1.一种全平台兼容的图文题目显示方法，其特征在于：包括以下步骤：
(1)、对目标题目中的图文数据进行预处理，使其转换为符合LaTeX语言语法规范的数据格式；
(2)、利用解析程序对步骤(1)预处理后的图文数据进行解析，生成图形化的描述数据；
(3)、建立HTML模板，并将步骤(2)生成的描述数据插入至HTML模板中；
(4)、调整步骤(3)插入描述数据后的HTML模板的分辨率参数，使之符合对象终端的分辨率要求；
(5)、采用无头浏览器加载步骤(4)调整分辨率后的HTML模板，并利用无头浏览器对加载的HTML模板进行渲染，从而在无头浏览器中生成对应的页面；
(6)、利用无头浏览器的元素选择器选择页面中content类对应的元素，获取页面中content类元素的位置信息；
(7)、采用截图工具并根据步骤(6)得到的content类元素的位置信息，对content类元素进行精确截图，获得渲染后目标题目的图文内容的截图；
(8)、将步骤(7)获得的目标题目图文内容的截图保存为适用于对象终端的文件格式，即可用于对象终端显示。


...

【专利技术属性】
技术研发人员：杨仁斌，
申请(专利权)人：杭州智会学科技有限公司，
类型：发明
国别省市：浙江;33