1. rbtnn

    Posted

    rbtnn
Changes in title
+GoogleAPIでTexを使う。
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,36 @@
+
+`<div class='tex'>`なタグをすべて、GoogleAPIで数式画像を生成し、imgタグに置換するコードです。
+`<div class='tex'>`なタグの中身はTexのコード。
+jQueryのeachメソッド使うことで簡単に画像に置換できるのは便利ですね...。
+
+```html:
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8" />
+ <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+ </head>
+ <body>
+ <form>
+
+<div class='tex'>
+f(x)=\int_0^{x}g(t)\,dt
+</div>
+
+<div class='tex'>
+\frac{d^2\phi(x)}{dx^2} =
+\frac{2m}{\hbar^2} \bigl\{ \frac{1}{2}m\omega^2 x^2 - E \bigr\} \phi(x)
+</div>
+
+<script type='text/javascript'>
+$('.tex').each(function(i,obj){
+ var base = 'http://chart.apis.google.com/chart?cht=tx&chl=';
+ var url = base + encodeURIComponent($(obj).html());
+ $('<img>').attr('src',url).insertAfter(obj);
+ $(obj).remove();
+});
+</script>
+
+</body>
+</html>
+```