該方法包括如下步驟：利用畫布創(chuàng)建模塊創(chuàng)建畫布；利用控制器建立字符、符號函數(shù)庫；利用控制器建立數(shù)學(xué)公式結(jié)構(gòu)控制函數(shù)庫；利用MathML數(shù)學(xué)公式模塊編寫MathML數(shù)學(xué)公式；利用公式處理模塊解析所述MathML數(shù)學(xué)公式，根據(jù)所述字符、符號函數(shù)庫以及數(shù)學(xué)公式結(jié)構(gòu)控制函數(shù)庫中的內(nèi)容將所述MathML數(shù)學(xué)公式繪制在所述畫布上；輸出并顯示數(shù)學(xué)公式。本發(fā)明利用HTML5的canvas功能和MathML在表達(dá)數(shù)學(xué)公式方面的規(guī)范性，提出了簡單、高效的HTML5+JavaScript+MathML技術(shù)，通過解析MathML數(shù)學(xué)公式，快速、高效地將數(shù)學(xué)公式顯示在網(wǎng)頁上。

針對目前數(shù)學(xué)公式在 Web 上顯示方式繁瑣且效果不佳的問題，介紹利用數(shù)學(xué)置標(biāo)語言 MathML（Mathematical Markup Language）編寫數(shù)學(xué)公式，再用 XML 解析器對其進(jìn)行解析處理，然后使用 JavaScript 控制獲取到的 MathML DOM樹的節(jié)點內(nèi)容和結(jié)構(gòu)，結(jié)果可在無需安裝任何插件的情形下，將數(shù)學(xué)公式顯示在 HTML5新增元素 canvas 上，并支持 IE、Firefox、Opera、Safari 等主流瀏覽器。