mathjaxで掛け算の筆算を記述する

mathjaxで書く筆算コンピュータ
2020.06.14

概要

HTMLで掛け算の筆算を記述します。筆算はTeX記法で記述し、mathjax(2.7.0)のCDNを利用して変換します。

やりたいイメージ

f:id:ishii-akihiro:20200614164344p:plain

コード(HTML)

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
\begin{array}{rr}
& 21 \\
\times) & 32 \\ \hline
& 42 \\
& 63 \hspace{0.5em} \\ \hline
& 672
\end{array}
<script asyncsrc="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_CHTML"></script>
</body>
</html>

補足説明

数字を右寄せにするためには、{rr}を記述する必要があるようです。筆算の２段目のスペースを0.5emとしているのが無理やり感ありますが。。

f:id:ishii-akihiro:20200614171506p:plain
タイトルとURLをコピーしました