生活の跡

個人的な備忘録

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

概要

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 async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_CHTML"></script>
</body>
</html>

補足説明

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

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