複雑な数式を出力したい際に使えるjQueryプラグイン「jsLaTeX」
2009年12月24日-
スポンサード リンク
複雑な数式を出力したい際に使えるjQueryプラグイン「jsLaTeX」。
<div class="latex">
int_{0}^{pi}frac{x^{4}left(1-xright)^{4}}{1+x^{2}}dx =frac{22}{7}-pi
</div>
のようなブロックがあったとします。
で、次のJavaScripコードを書くと数式として表示できます。
<script> $(".latex").latex(); </script>
LaTeXの表記で書けば画像にしてくれるようです。
JavaScript で描いているわけではなく、バックエンドの画像にリクエストして出力しているだけですが、その分画像も綺麗に出力されてます。
以下のエントリを参照してください。
Knowledge-aholic: jsLaTeX: A jQuery plugin to directly embed LaTeX into your website or blog
関連エントリ
<div class="latex">
int_{0}^{pi}frac{x^{4}left(1-xright)^{4}}{1+x^{2}}dx =frac{22}{7}-pi
</div>
のようなブロックがあったとします。
で、次のJavaScripコードを書くと数式として表示できます。
<script> $(".latex").latex(); </script>
LaTeXの表記で書けば画像にしてくれるようです。
JavaScript で描いているわけではなく、バックエンドの画像にリクエストして出力しているだけですが、その分画像も綺麗に出力されてます。
以下のエントリを参照してください。
Knowledge-aholic: jsLaTeX: A jQuery plugin to directly embed LaTeX into your website or blog
関連エントリ
スポンサード リンク
By.KJ : 2009年12月24日 11:04 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- Three.jsを使って３Dモデルに着色したりカスタマイズするUI実装
- 右クリックで円形メニュー実装「radialMenu」
- React用アニメーションライブラリ「Framer Motion」
- フィールド同士を接続するUI実装「FieldsLinker」
- selectボックスのbootstrap化「bootstrapSelect」
- マウス位置に反応して画像がバラバラひろがる「Image Trail Effects」
- テーブルを検索・ソート・ページ分けができる「jquery.fancyTable」
- タイプライターアニメーション「type-this」
- すぐ隠れてくれるヘッダー実装「shyheader」
- 画像を円形でくり抜くためのUIを実装する「Cropme」
- 過去のエントリ
