web-dev-qa-db-ja.com

htmlで方程式を書く方法は?

ウェブページに複雑な数学の方程式を書きたいです。このためのプラグインなどはありますか?

29
anan_xon

Mathjaxを試してください http://www.mathjax.org/ 個人的にはとても良いと思います。

32

複雑な方程式の場合、 MathJax が現在の実用的なソリューションです。 MathML は原則としてより構造的なアプローチですが、ブラウザのサポートはかなり制限されており、品質に疑問があることがよくあります。

ただし、複雑さは相対的です。一部の人には、[〜#〜] e [〜#〜]=mc²または∂/∂t+v⋅∇は複雑かもしれません。 CSSの助けを借りて、HTMLだけを使用してかなりうまく記述できます。私のページを参照してください HTML(およびCSS)の数学

18

これを試すことができます。古くなっているので、どのように機能するかわからない:

http://www.w3.org/Math/

Firefoxについては、 MathML に関するかなり説明的な記事があります。

3
aug

HTMLにJavaScriptを実装したくない場合は、CodeCogsの方程式エディターツール( http://www.codecogs.com/latex/about.php )を使用できます。

使い方はとても簡単です。ボタンインターフェイスを使用して方程式を記述するだけで、HTMLイメージリンクがすぐに生成されます。 HTMLを実行すると、イメージがCodeCogsのサーバーで生成され、サイトに実装されます。これは非常に快適なツールです。

3
deckele

mathjaxを使用した簡単な例:

Cdnをロードします(_?config=_オプションは 推奨されるcdnリンク -defaultに含まれていないため、必ず指定してください):

_<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=default'></script>
_

次に、html内で式を_$$ {equation here} $$_内に単純にラップします。

例えば$$ {J(\theta) =\frac{1}{2m} [\sum^m_{i=1}(h_\theta(x^{(i)}) - y^{(i)})2 + \lambda\sum^n_{j=1}\theta^2_j} $$

そして、それはページ上でうまく方程式として表示されるはずです。

2
Jared Wilber

私はこれが少し遅いことを知っています。しかし、jqMathについて言及したいと思います。これは、MathJaxよりも簡単で軽量であることが個人的にわかっています。

詳細はこちらをご覧ください: https://mathscribe.com/author/jqmath.html

ファイルは https://mathscribe.com/downloads/mathscribe-win-0.4.6.Zip からダウンロードできます。

これを使用するには、

  1. ダウンロードしたファイルを解凍します
  2. ファイルjqmath-etc-0.4.6.min.jsおよびjqmath-0.4.3.css、およびそれらをHTMLに含めます
  3. HTMLに<meta charset="utf-8"> の中に <head> セクション。
  4. また、これらを使用する前にjQueryを含めます。

これで、HTMLまたはWebページに数式と数式を書くことができます。

JqMathを使用して数式を作成する方法の詳細については、上記のリンクをご覧ください。

0
Jishad