HTML5如何输入数学公式

Question

HTML5如何输入数学公式

Answer 1

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

Answer 2

针对目前数学公式在 Web 上显示方式繁琐且效果不佳的问题，介绍利用数学置标语言 MathML（Mathematical Markup Language）编写数学公式，再用 XML 解析器对其进行解析处理，然后使用 JavaScript 控制获取到的 MathML DOM树的节点内容和结构，结果可在无需安装任何插件的情形下，将数学公式显示在 HTML5新增元素 canvas 上，并支持 IE、Firefox、Opera、Safari 等主流浏览器。