使用xml来显示数学公式

新客网 XKER.COM 2004-11-12 来源：收藏本文

不要误会，这里并不是用国际标准的数学xml来描述，通过最新的浏览器的支持来实现。我只是尝试用xml+xslt，用简单的html来显示。只是一个初步的想法，拿出来和大家分享。也许之前，已经有很多人做过类似的尝试，没有关系，我只是说一说我的想法。

数学公式的格式是很多样的，比如极限和积分这样的。其中每个部分都能用html来显示，最终用table来组合。我的想法就是用xml来描述数学公式种各部分的关系，然后用xslt来格式化这个xml文件。

举个简单的例子x的平方。用这样的xml数据来描述。注意，这不是国际标准格式。真正实现的时候应该正规一些。

<Power>
<Base>
<Quote Val="X"/>
</Base>
<Exponent>
<Quote Val="2"/>
</Exponent>
</Power>

那个<Quote>就是表示直接复制val属性的值就可，无需格式化。然后这么一个xslt来转化：

<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">

<xsl:template match="/">
<html>
<body>
<xsl:apply-templates select="Power"/>
</body>
</html>
</xsl:template>

<xsl:template match="Power">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
</tr>
<tr>
<td>
<xsl:apply-templates select="base"/>
</td>
</tr>
</table>
</td>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
</tr>
<tr>
<td valign="top">
<xsl:apply-templates select="exponent"/>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</xsl:template>

<xsl:template match="Base">
<xsl:apply-templates select="*"/>
</xsl:template>

<xsl:template match="Exponent">
<xsl:apply-templates select="*"/>
</xsl:template>

<xsl:template match="Quote">
<xsl:value-of select="@Val"/>
</xsl:template>

</xsl:stylesheet>

最后用这样的办法把两者联在一起

<?xml-stylesheet type="text/xsl" href="math.xsl" ?>

或者用这样的办法，避免xml与xslt的直接关联。

<html>
<body>
<script language="javascript">
// Load XML
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("math.xml")
// Load the XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("math.xsl")
// Transform
document.write(xml.transformNode(xsl))
</script>
</body>
</html>

类似的还可以实现极限，积分等。现在问题还有很多

1.本人对于table的诸多格式控制并不熟悉，导致一个table占用了多于实际所需的空间，最终在像“分数”这样的场合，空白太多。
2.部分数学格式难于用table表达，比如开方的符号。
3.div或许可以派上用场
4.或许可以改由flash来实现，把xml作为参数。
5.总体来说，插入图片仍是最佳方案。不过似乎目前没有单纯作数学公式图片输出的软件。只能用截图的办法。
6.即使用xml实现了。与普通文本的融合也将是个问题。

上一篇：Native XML数据库技术详解下一篇：映射 DTD 到数据库[上]

【收藏】【评论】【推荐】【投稿】【打印】【关闭】