HTML5如何输入数学公式

html-css020

HTML5如何输入数学公式,第1张

该方法包括如下步骤：利用画布创建模块创建画布；利用控制器建立字符、符号函数库；利用控制器建立数学公式结构控制函数库；利用MathML数学公式模块编写MathML数学公式；利用公式处理模块解析所述MathML数学公式，根据所述字符、符号函数库以及数学公式结构控制函数库中的内容将所述MathML数学公式绘制在所述画布上；输出并显示数学公式。本发明利用HTML5的canvas功能和MathML在表达数学公式方面的规范性，提出了简单、高效的HTML5+JavaScript+MathML技术，通过解析MathML数学公式，快速、高效地将数学公式显示在网页上。

<div>

<div style="position: absolutewidth: 36pxz-index: 1height: 21pxleft:108pxtop:137px">1 + </div>

<div style="position: absolutewidth: 26pxz-index: 2height: 24pxleft:183pxtop:123px">1</div>

<div style="position: absolutewidth: 51pxz-index: 3height: 19pxleft:162pxtop:140px"><hr></div>

<div style="position: absolutewidth: 42pxz-index: 4height: 19pxleft:168pxtop:151px">a+b</div>

</div>

一个例子