43

我正在研究与数学相关的网页,并正在寻找一种将数学方程式轻松写入网页的解决方案。目前有几种解决方案可供我使用:

  • 使用 LaTeX 并将它们作为图像发布在我的网页上。
  • 使用 MathML

这两种解决方案都不理想,而且似乎有些过时。用图像替换应该是文本的内容绝不是一个好主意,而且 MathML 并不兼容所有浏览器/操作系统。

我希望有一个使用图像或 MathML 的现代解决方案,也许是利用 sIFR 来显示数学方程的东西?经过一番研究,我仍然没有找到任何真正的解决方案。

请注意,我要求一种发布方程式的新方法。我不希望图像成为网页上显示的输出,而是希望将这些方程式呈现为文本数据。MathML 是我最接近的,但仍然不理想。我一直想知道是否可以使用像 sIFR 这样的替代工具在 Flash 中创建方程式。有人在这方面有什么建议吗?

编辑:自从我上次更新这篇文章已经有一段时间了,但是随着 HTML5 被浏览器采用,游戏中出现了一个新的玩家,它将 LaTeX 和 MathML 重新引入混合,MathJax!. MathJax 绝对是必经之路!

类似问题: 网络上的数学方程式

4

12 回答 12

17

jsMath包是一个使用 LaTeX 标记和本机字体的选项引用他们的网页http://www.math.union.edu/~dpvc/jsMath/

jsMath 包提供了一种在 HTML 页面中包含数学的方法,该方法可以在 Windows、Macintosh OS X、Linux 和其他风格的 unix 下跨多个浏览器工作。它克服了使用图像来表示数学的传统方法的许多缺点:jsMath 使用原生字体,因此当您更改浏览器中文本的大小时它们会调整大小,它们会以打印机的全分辨率打印,并且您无需等待下载数十张图像即可在网页中查看数学。网页作者也有优势,因为不需要对网页进行预处理以生成任何图像,并且数学是以 TeX 形式输入的,因此很容易创建和维护您的网页。

参见例如这一页一页。

于 2009-04-29T22:19:42.467 回答
9

我刚刚编写了一个名为 jqmath 的 javascript 模块来执行此操作。见http://mathscribe.com/author/jqmath.html

它有点类似于 MathJax,但更简单、更小、更快。

于 2011-03-19T22:00:25.673 回答
4

我一直在我的网站中使用带有合并单元格的无边框表格来显示数学方程式。它适用于大多数方程。但是,由于标记通常有点复杂,因此在硬核数学网站的情况下会很耗时。

这是代码:

<style type="text/css">
  table.math{font:17px georgia, times, serif;border-collapse:collapse;border:none;}
  td.a{text-align:center;}
  td.b{padding:0 2px;}
  td.c{border-top:1px solid #505050;border-left:1px solid #505050;border-bottom:1px solid #505050;}
  td.d{border-top:1px solid #505050;border-right:1px solid #505050;border-bottom:1px solid #505050;}
  td.e{text-align:center;border-top:1px solid #505050;}
</style>
<table class="math">
  <tr>
    <td class="a">1</td>
    <td class="b" rowspan="2">&times;</td>
    <td class="c" rowspan="2">&nbsp;</td>
    <td class="a">8</td>
    <td class="b" rowspan="2">+</td>
    <td class="a">1</td>
    <td class="d" rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td class="e">x + 2</td>
    <td class="e">x + 2</td>
    <td class="e">x &minus; 1</td>
  </tr>
</table>

以下是上述代码的输出:

在此处输入图像描述

于 2012-04-03T03:29:35.240 回答
3

LaTeX 已经在网上和学术界广泛使用来渲染方程式。

一个很好的例子是 wikipedia 看看这个页面的 1 个例子。

http://en.wikipedia.org/wiki/Latitude

我知道这是一种概括,但是:使用图像是一种可行的方法,可以在浏览器兼容的方式中实现 Web 上的许多事情——前提是您提供了一些缺点。(例如谷歌地图、圆角、图表、高级排版)

“过时”也可以解释为“经过尝试、测试和功能完整”

并感谢您指出 sIFR - 我稍后会看的东西,我已经有了一个可以用它探索的东西的列表,比如打印?( html + images 可以很好地做到这一点,sIFR 可以吗?....)

于 2009-04-28T09:30:24.103 回答
1

我一直在使用 Confluence wiki 的 LaTeX 插件在网络上(嗯,在 Intranet 上)编写方程式。它在网络浏览器中显示图像,但如果您编辑页面,您仍然可以看到 LaTeX 源代码。

我不知道您使用什么来托管网站,但您可以使用类似的方法:将 LaTeX 源代码嵌入页面中,并将其呈现为 Web 浏览器的图像。

于 2009-04-28T09:05:50.700 回答
1

MathTran 是我遇到的最好的解决方案:

http://www.mathtran.org/

于 2009-05-12T21:20:13.623 回答
1

我喜欢MathBin.netRoger 的在线方程编辑器。后者使您可以控制输出的质量。

于 2009-05-14T17:42:03.450 回答
1

试试我的 LaTeX2Flash 解决方案!:)

http://validi.fi/latex2flash

http://sourceforge.net/projects/latex2flash/

于 2011-01-04T19:35:51.807 回答
0

您可以直接在 HTML 页面中编写您的乳胶并使用此动态显示它:

http://www.codecogs.com/components/equationeditor/equationeditor.php

于 2009-04-28T09:21:10.913 回答
0

解决方案是使用http://www.codecogs.com/components/equationeditor/equationeditor.php

该网站允许您以 LaTeX 格式键入您的方程式,并使用其 TeX 服务器,它将方程式转换为图像,您将能够在那里显示您的数学方程式。

让我给你看一个例子,假设我想打印一个我只需输入的积分公式:

img style="display: block; float: none; margin-left: auto; margin-right: auto" title=" \int_{a}^{b}(x+2)dx " src="http:// latex.codecogs.com/gif.latex?\int_{a}^{b}(x+2)dx"

参考上面代码的第 3 段,在 src="<a href="http://latex.codecogs.com/gif.latex?[put" rel="nofollow noreferrer 中的问号后面插入 LaTex 数学方程">http://latex.codecogs.com/gif.latex?[把你的 TeX 代码放在这里]”</p>

于 2010-09-14T02:19:56.390 回答
0

这将取决于您的主要目的和受众。

MathML (MathML2) 听起来很有希望,但它仍然存在很多跨浏览器和 MathML 方程编辑器(或生成器)的兼容性问题。许多复杂的方程式不会在不同的浏览器中保持或显示相同。许多数学编辑器、转换器、生成器表示他们支持 MathML。但结果并不相同,尽管输出可能看起来相似。在 MathML 2 中定义许多复杂的方程式并不容易/不可能。如果您只有一些简单的方程式,并且可以让您的观众使用特定的浏览器,那么这可能是一个选择。如果 MathML3 得到广泛支持,那么 MathML 可能是要走的路。

如果您的数学表达式不是交互式的并且不必动态生成)并且在页面上相当静态,那么 PNG 或 JPG 图像可能是一个不错的选择。在大多数情况下,图像的大小并没有那么大,并且在页面中显示数十个方程非常快,因为我们大多数人现在都拥有高速互联网。PNG 图像与任何基于脚本的渲染方法之间没有太大区别,因为基于脚本的方程通常只有几 KB,并且下载所有脚本后从本地计算机渲染图像需要时间。此外,还有许多应用程序支持重新编辑基于 PNG 或 JPG 的方程图像。MathMagic (www.mathmagic.com) 支持可重新编辑的 PNG(透明 PNG)、GIF、JPG、BMP。MathType (www.dessci.com) 支持可重新编辑的 GIF。MathMagic 还读取 MathType 图像。

如果屏幕和高质量输出(如打印)都需要基于矢量的图像格式,那么 SVG 可能是您的选择。此外,在某些情况下,PDF 也是一种选择。许多 Mac 方程编辑器支持 PDF 格式,因为它是一种(几乎是原生的)Mac OS X 格式。但只有少数支持 Windows 上的 PDF。看起来最新的 MathType Mac 版本支持 PDF。MathMagic 在 Mac 和 Win 上都支​​持 PDF。看起来 MathMagic 也支持 SVG。

如果方程式是由一些有限的作者创建的,则有许多选项可以组合以获得最佳结果。例如使用最新的 MS Word 内置的基于 MathML/XML 的公式编辑器,然后将页面转换为网页。或者使用一些第 3 方所见即所得方程编辑器(如 MathType 或 MathMagic)进行快速编写和编辑,然后将方程保存为符合 MathML、LaTeX 或 Wiki 的方程格式,并与 codecogs.com 等在线方程渲染引擎一起使用或数学贾克斯。

如果内容还应用于其他格式,例如 eBook/ePub,则还应考虑其他因素,包括方程的质量以及与 InDesign 等解决方案的集成。

如果有任何不正确的地方,请纠正我。

于 2013-04-22T16:31:32.190 回答
0

iTex2Img是我用过的最好的。这是带有示例的屏幕截图。

在此处输入图像描述

于 2015-03-12T12:34:23.423 回答