[发明专利]一种全平台兼容的图文题目显示方法

说明书

本发明公开了一种全平台兼容的图文题目显示方法，包括以下步骤：(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(Scalable VectorGraphics)通过创建可缩放矢量图形，达到任意改变大小也不会变形的效果。这是一种和图像分辨率无关的矢量图形格式，较多地应用于分辨率差异化较大的终端，例如手机。然而，SVG方案需要XML框架和浏览器的支持，在一些平台和终端上无法使用。并且图文矢量需要有针对性的设计和创建，在实际使用中的效率较低。

当前，教育产品正朝着跨平台，多终端的趋势方向发展，因此亟需一种能够实现全平台兼容的图文题目显示方案。

发明内容

本发明的目的是提供一种全平台兼容的图文题目显示方法，以解决现有技术网页题目图文数据用于其他终端显示时依赖HTML、XML框架以及浏览器支持的问题。

为了达到上述目的，本发明所采用的技术方案为：

一种全平台兼容的图文题目显示方法，其特征在于：包括以下步骤：

(1)、对目标题目中的图文数据进行预处理，使其转换为符合LaTeX语言语法规范的数据格式；

(2)、利用解析程序对步骤(1)预处理后的图文数据进行解析，生成图形化的描述数据；

(3)、建立HTML模板，并将步骤(2)生成的描述数据插入至HTML模板中；

(4)、调整步骤(3)插入描述数据后的HTML模板的分辨率参数，使之符合对象终端的分辨率要求；

(5)、采用无头浏览器加载步骤(4)调整分辨率后的HTML模板，并利用无头浏览器对加载的HTML模板进行渲染，从而在无头浏览器中生成对应的页面；

(6)、利用无头浏览器的元素选择器选择页面中content类对应的元素，获取页面中content类元素的位置信息；

(7)、采用截图工具并根据步骤(6)得到的content类元素的位置信息，对content类元素进行精确截图，获得渲染后目标题目的图文内容的截图；

(8)、将步骤(7)获得的目标题目图文内容的截图保存为适用于对象终端的文件格式，即可用于对象终端显示。