The method comprises the following steps: creating a canvas by using a canvas creation module; Establish a character and symbol function library by using a controller; Using the controller to establish the control function library of mathematical formula structure; Using MathML mathematical formula module to write MathML mathematical formula; MathML mathematical formula is analyzed by formula processing module, and MathML mathematical formula is drawn on canvas according to the contents of character, symbol function library and mathematical formula structure control function library. Output and display the mathematical formula. According to the invention, a simple and efficient HTML5+JavaScript+MathML technology is proposed by using the canvas function of HTML5 and the standardization of MathML in expressing mathematical formulas, and the mathematical formulas are quickly and efficiently displayed on a webpage through the analysis of MathML mathematical formulas.