[发明专利]一种利用原生Html在网页中快速显示数学公式的方法

说明书

技术领域

本发明涉及一种利用原生Html在网页中快速显示数学公式的方法。

背景技术

当前网页上显示公式的现状：

1、手机平板用户只能浏览图片公式；

2、使用图片公式，严重占用企业和个人的带宽；

3、不同浏览器下需安装不同的显示插件，且安装设置繁琐，普通用户无法使用。

发明内容

为解决上述问题本发明提供一种无需借助插件即可在所有浏览器上快速显示数学公式的方法。

本发明涉及一种利用原生Html在网页中快速显示数学公式的方法，该方法包括以下步骤：1、把给定的Latex公式字符串，利用转换方法解析成符合W3C标准的Html代码，此标准下的Html能在任何浏览器下运行；

2、当用户打开包含上述公式Html的网页后再利用Javascript、Css样式动态调整Html的布局、定位、宽高，最终把数学公式还原并显示到页面上。

本发明具有如下技术效果：

1、解决图片公式展现给带宽和服务器带来的压力；

2、解决图片公式展现给3G移动平台用户流量费带来的压力；

3、解决用户在不安装任何软件(插件)的前提下浏览公式，提高用户体验；

4、解决手机，平板电脑等移动设备的公式展现；

5、解决不同浏览器公式显示的兼容性、差异性。

附图说明

通过参照附图更详细地描述本发明的示例性实施例，本发明的以上和其它方面及优点将变得更加易于清楚，在附图中：

图1为本发明的一种利用原生Html在网页中快速显示数学公式的方法的步骤示意图。

具体实施方式

在下文中，现在将参照附图更充分地描述本发明，在附图中示出了各种实施例。然而，本发明可以以许多不同的形式来实施，且不应该解释为局限于在此阐述的实施例。相反，提供这些实施例使得本公开将是彻底和完全的，并将本发明的范围充分地传达给本领域技术人员。

在下文中，将参照附图更详细地描述本发明的示例性实施例。

参考附图1，一种利用原生Html在网页中快速显示数学公式的方法，该方法包括以下步骤：1、把给定的Latex公式字符串，利用转换方法解析成符合W3C标准的Html代码，此标准下的Html能在任何浏览器下运行；2、当用户打开包含上述公式Html的网页后再利用Javascript、Css样式动态调整Html的布局、定位、宽高，最终把数学公式还原并显示到页面上。

所述转换方法如下：

A、首先把公式命令抽象为一个个对象，每个对象实现传入参数后依据“拼凑规则”生成Html。

B、解析Latex

如“1+/frac{1}{2}/1t/sqrt{x}”。首先我们创建一个包含下表数据的对象数组，数组中保存的是Latex的符号对照命令表对象：

然后从左到右遍历Latex字符串中的每一个字符，如果是普通字符或运算符则直接调用A中的Letter对象生成Html代码“<font>1</font><font>+</font>”。如果遇到转义符号“/”，则“/”后每读取一个字母就去对照数组，匹配后再依据字符Type属性来调用A步骤中的公式对象生成Html，若未匹配到则调用Letter原样生成。若遇到“{”则使用递归重复上述步骤，直至所有字符解析完毕，完成Latex到Html的转换。

所述利用Javascript、Css样式动态调整Html的布局、定位、宽高具体包括如下步骤：

A、Css样式

Css负责调整Html的布局和定位，设置元素边框的粗细，文本的对齐方式，字体的大小；

B、Javascript

当页面加载完毕后使用javascript分别获取公式Html的高度和宽度，再找到有属性“muststretch”的元素设置其宽高。

本产品相对市场同类技术具有以下优点：

1、公式展示所需的html代码压缩后几乎不占用服务器带宽和资源；

2、不受平台限制，目前所有的浏览器都支持；

3、不需要用户安装任何辅助插件。在这个病毒软件横行的年代，让用户安装插件是一件很头痛的事情，加之安装后还要安全设置，给用户使用带来了障碍。