web-dev-qa-db-ja.com

数学の方程式をウェブで書くための最良の方法は何ですか？

私は数学関連のWebページに取り組んでおり、数学の方程式をWebページに簡単に書き込むためのソリューションを探しています。現時点ですぐに利用できる解決策がいくつかあります。

  • LaTeXを使用して、画像としてWebページに公開します。
  • MathMLを使用する

これらのソリューションはどちらも理想的ではなく、時代遅れのようです。テキストとすべきものを画像で置き換えることは決して良い考えではなく、MathMLはすべてのブラウザー/オペレーティングシステムに準拠していません。

画像やMathMLを使用するための最新のソリューション、おそらくsIFRを使用して数式を表示するソリューションがあることを期待していますか？少し調べた後、私はまだ実際の解決策を見つけることができていません。

方程式を公開する新しい方法を求めていることに注意してください。画像をWebページに表示される出力にしたくないので、これらの方程式をtextualデータとしてレンダリングします。 MathMLは私が出てきた中で最も近いものですが、それでもまだ理想的ではありません。しばらくの間、sIFRなどの代替ツールを使用してFlashで方程式を作成できるかどうか疑問に思っていました。誰もがこの面で何か提案がありますか？

編集：この投稿を最後に更新してからしばらく経ちましたが、ブラウザでHTML5が採用されるようになり、ゲームにLaTeXとMathMLをミックスに戻します MathJax！ 。 MathJaxは間違いなく進むべき道です！

同様の質問：ウェブ上の数式

mathmathjaxmathmljqmath
43
Mike B

jsMathパッケージは、LaTeXマークアップとネイティブフォントを使用するオプションです。彼らのウェブページからの引用 http://www.math.union.edu/~dpvc/jsMath/ ：

JsMathパッケージは、Windows、Macintosh OS X、Linux、およびその他の種類のUNIXで複数のブラウザーにわたって機能するHTMLページに数学を含める方法を提供します。これは、数学を表すために画像を使用する従来の方法の多くの欠点を克服します。jsMathはネイティブフォントを使用するため、ブラウザーでテキストのサイズを変更するとサイズが変更され、プリンターの最大解像度で印刷されます。 Webページで数学を表示するために、数十の画像がダウンロードされるのを待つ必要はありません。画像を生成するためにWebページを前処理する必要がなく、数学がTeX形式で入力されるため、Webページの作成者と管理者が簡単にできるため、Webページの作成者にとっても利点があります。

たとえば this page または that one を参照してください。

17
Fanfan

これを行うために、jqmathという名前のjavascriptモジュールを作成しました。 http://mathscribe.com/author/jqmath.html を参照してください

これは、MathJaxに似ていますが、よりシンプルで、小さく、高速です。

9
Dave Barton

数式を表示するために、自分のWebサイトでセルを結合したボーダーレステーブルを使用しています。ほとんどの方程式でうまく機能します。ただし、マークアップは通常少し複雑であるため、ハードコアな数学Webサイトの場合は時間がかかります。

これがコードです：

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

上記のコードの出力は次のとおりです。

enter image description here

4
erfan

LaTeXは、すでにネット上や学界で方程式をレンダリングするために広く使用されています。

この良い例はウィキペディアで、このページを1つの例として見てみましょう。

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

私はこれが一般化であることを知っていますが、画像を使用することは、ブラウザー互換性のある方法でWeb上で多くのことを達成するための実行可能な方法です。 （例：Googleマップ、丸みを帯びたコーナー、グラフ、高度なタイポグラフィ）

また、「日付付き」は「試行済み、テスト済み、機能完了」と解釈できます

そしてsIFRを指摘してくれてありがとう-後で検討する予定ですが、印刷など、それを使って探求することのリストはすでにありますか？ （html +画像はこれをかなりうまく行うことができます、sIFRはできますか？...）

3
Mesh

LaTeX2Flashソリューションをお試しください！ :)

http://validi.fi/latex2flash

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

1
jiv-e

MathTranは私がこれに出会った中で最も素晴らしいソリューションです：

http://www.mathtran.org/

1
jvvw

MathBin.net と Roger's Online Equation Editor の両方が好きです。後者では、出力の品質を制御できます。

1
lhf

私はConfluence wikiのLaTeXプラグインを使用して、Web（イントラネット上）で方程式を記述しています。 Webブラウザーに画像が表示されますが、ページを編集すると、LaTeXソースを表示できます。

Webサイトをホストするために何を使用しているかはわかりませんが、ページにLaTeXソースを埋め込み、Webブラウザーの画像としてレンダリングするという同様の方法を使用できます。

1
Tim Robinson

それはあなたの主な目的と聴衆に依存します。

MathML（MathML2）は有望に聞こえますが、ブラウザーやMathML数式エディター（またはジェネレーター）全体で互換性の問題がまだたくさんあります。多くの複雑な方程式は、異なるブラウザー間で維持または表示されません。多くの数学エディター、コンバーター、ジェネレーターは、MathMLをサポートしていると言います。しかし、出力は似ているかもしれませんが、結果は同じではありません。そして、MathML 2で多くの複雑な方程式を定義することは容易ではありません/不可能です。いくつかの単純な方程式があり、聴衆に特定のブラウザーを使用させることができる場合、これはオプションかもしれません。 MathML3が広くサポートされている場合は、MathMLが適しています。

数式がインタラクティブではなく、動的に生成する必要がない場合）、ページ上で静的である場合は、PNGまたはJPG画像が適切なオプションである可能性があります。ほとんどの場合、画像のサイズはそれほど大きくありません。また、最近のほとんどの人が高速インターネットを使用しているため、ページに数十の方程式を表示するのは非常に高速です。多くの場合、スクリプトベースの方程式は数KBであり、すべてのスクリプトをダウンロードした後、ローカルコンピューターから画像をレンダリングするのに時間がかかるため、PNGイメージとスクリプトベースのレンダリングアプローチの間に大きな違いはありません。また、PNGまたはJPGベースの数式画像の再編集をサポートする多くのアプリケーションがあります。 MathMagic（www.mathmagic.com）は、再編集可能なPNG（透明なPNGも同様）、GIF、JPG、BMPをサポートしています。 MathType（www.dessci.com）は、再編集可能なGIFをサポートしています。 MathMagicはMathType画像も読み取ります。

画面ベースと印刷などの高品質出力の両方にベクターベースの画像フォーマットが必要な場合は、SVGが適しています。また、PDFはオプションの場合があります。多くのMacの数式エディタは、=（=ほぼネイティブの）Mac OS X形式の一種であるため、PDF形式をサポートしています。 。ただし、WindowsではPDFをサポートしています。最新のMathType MacバージョンはPDFをサポートしているようです。MathMagicはMacとWinの両方でPDFをサポートしています。MathMagicのように見えます。 SVGもサポートします。

方程式が限られたライターによって作成された場合、最良の結果を得るために組み合わせる多くのオプションがあります。たとえば、最新のMS Wordに組み込まれているMathML/XMLベースの数式エディターを使用し、ページをWebに変換します。または、いくつかのサードパーティWYSIWYG数式エディター（MathTypeやMathMagicなど）を使用して、高速で記述および編集し、数式をMathML、LaTeX、またはWikiに準拠した数式形式で保存し、codecogs.comなどのオンライン数式レンダリングエンジンで使用するまたはMathJax。

コンテンツをeBook/ePubなどの他の形式でも使用する必要がある場合は、方程式の品質やInDesignなどのソリューションとの統合など、考慮すべき他の要素があるはずです。

何か問題があれば訂正してください。

0
Sci Tech

ラテックスをHTMLページに直接記述し、これを使用して動的に表示できます library ：

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

0
karlipoppins

解決策は http://www.codecogs.com/components/equationeditor/equationeditor.php を使用することです

Webサイトでは、方程式をLaTeX形式で入力し、そのTeX Serverを使用して、方程式を画像に変換し、そこで数式を表示することができます。

例を示しましょう。次のように入力して、積分式を印刷したいとします。

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番目を参照してください。LaTex数式は、src =” http://latex.codecogs.com/gif.latex？[put ここにTeXコードの疑問符の後に挿入されます。 ]」

0
calculus1985

iTex2Img は、これまで使用した中で最高のものです。例を含むスクリーンショットです。

enter image description here

0
SparkAndShine