不要误会,这里并不是用国际标准的数学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实现了。与普通文本的融合也将是个问题。
最后,本人是位数学系的大一学生。所知的东西极其有限。以上内容只不过是个人实验,并未广泛查阅网络和已有软件。错误实在很多。如有高手不吝赐教,在下十分感谢