HTML5如何输入数学公式

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

类似方法如下所示：

比如读取的EXCEL数据：学生的考试成绩。读取EXCEL数据并绘制条形图和折线图：

1、启动MATLAB，输入如下代码，用xlsread( )读取学生考试成绩的数据。

close allclear allclc

% 首先读取EXCEL中的数据

shuxue = xlsread('学生的考试成绩.xlsx','Sheet1','B2:B5')

yingyu = xlsread('学生的考试成绩.xlsx','Sheet1','C2:C5')

wuli = xlsread('学生的考试成绩.xlsx','Sheet1','D2:D5')

2、保存和运行上述，在工作区可以看到，学生的数学、英语、物理成绩已经被成功读取。

3、进行绘图，用条形图(垂直)绘制学生的数学成绩，用条形图(水平)绘制学生的英语成绩，用折线图绘制学生的物理成绩。接着输入如下代码：

% 第一,用条形图(垂直)绘制学生的数学成绩

figure('Name','数学成绩')

bar(1:4,shuxue,0.5,'r')

set(gca,'FontSize',15,'XTick',[1:1:4])

set(gca,'XTickLabel',{'张三','李四','王五','杨六'})

% 第二,用条形图(水平)绘制学生的英语成绩

figure('Name','英语成绩')

barh(1:4,yingyu,0.5,'g')

set(gca,'FontSize',15,'YTick',[1:1:4])

set(gca,'YTickLabel',{'张三','李四','王五','杨六'})

% 第三,用折线图绘制学生的物理成绩

figure('Name','物理成绩')

plot(1:4,wuli,'b-','LineWidth',3)hold on

plot(1:4,wuli,'y.','MarkerSize',15)hold off

ylim([0,100])

set(gca,'FontSize',15,'XTick',[1:1:4])

set(gca,'XTickLabel',{'张三','李四','王五','杨六'})

4、保存和运行上述代码，得到学生的数学成绩条形图，得到学生的英语成绩条形图（得到学生的物理成绩折线图

<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>

一个例子

---