RYU's HOME P@GE

MathML and SVG 表示検証

このページの目的
MathML/MathJax と SVG、Ruby (複雜ルビ)の實裝狀況を檢證する爲の表示ページ。
このページの準據仕樣
XHTML™ 1.1 plus MathML 2.0 plus SVG 1.1 / DTD (application/xhtml+xml)
W3C Math Home
Ruby Annotation
MathJax | Beautiful math in all browsers.
MathJax についてご注意
(2025-01-05) 2017 年に公式 CDN 終了がアナウンスされてゐます。 引繼ぎ期間として cdn.jsdelivr.net → cdnjs.cloudflare.com にリダイレクトされてゐるやうです。 このページは檢證の爲に、このまゝにしておきます。
mathjax - Libraries を參煕して下さい。

表示サンプル

ブラウザの表示狀況
●MathML
∫ 1 t ⅆ x x x 1 t 1 x
∑ i = 1 20 k i
x = - b ± b 2 - 4 ⁢ a ⁢ c 2 ⁢ a
出典: MathML Fundamentals
●SVG + MathML
二次函數グラフ（中３數學） ｙイコール２分の１ｘ２乘の放物線グラフ 二次函數 (中３數學) x y 1 0 y=12 x2
出典: 大学入試数学問題集成／SVGを使ったテスト
●MathJax

JavaScript が OFF のやうです。 MathJax は JavaScript で實裝してゐます。

\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}\]
\[ f'(x) = \lim_{\varDelta x \to 0} \frac{ f(x+\varDelta x) - f(x) }{\varDelta x} \]
\[ \frac{\pi}{2} = \left( \int_{0}^{\infty} \frac{\sin x}{\sqrt{x}} dx \right)^2 = \sum_{k=0}^{\infty} \frac{(2k)!}{2^{2k}(k!)^2} \frac{1}{2k+1} = \prod_{k=1}^{\infty} \frac{4k^2}{4k^2 - 1} \]
\[ A = \begin{pmatrix} a_{11} & a_{12} & \ldots & a_{1n} \\ a_{21} & a_{22} & \ldots & a_{2n} \\ \vdots & \vdots & \ddots & \vdots \\ a_{n1} & a_{n2} & \ldots & a_{nn} \end{pmatrix} \]
出典: MathJaxによる数式表示
●SVG おまけ
SymPy による数式処理とグラフ作成 Matplotlib v3.3.1, https://matplotlib.org/ *{stroke-linecap:butt;stroke-linejoin:round;}
出典: SymPy による数式処理とグラフ作成 - 弘前大学
實裝狀況
●Mozilla Firefox 95 の見え方
このページのFirefox 95のスクリーンショット
●Microsoft Edge 96 の見え方
このページのMicrosoft Edge 96のスクリーンショット
2021/12/15 現在、MathML を Firefox (Gecko) では問題なく表示するも Chromium 系ブラウザでは上手く表示しない。 Chromium 系ブラウザは MathJax で表示できる。 ただし表示處理に時閒が掛る（めちゃくちゃ重い）のと JavaScript が有效でなければならない。
補足 (2022-02-01)
Google Chrome や Microsoft Edge などの Chromium 系のブラウザは「試験段階の機能」の Experimental Web Platform features を有効にしてみて下さい。

正しい國旗(日章旗)

  1. 寸法の割合及び日章の位置
    • 縦: 横の三分の二
    • 日章
      • 直径: 縦の五分の三
      • 中心: 旗の中心
  2. 彩色
    • 地: 白色
    • 日章: 紅色(べにいろ)

表示サンプル

日章の色は赤色ではなく紅色(べにいろ)が正しい。

ブラウザの表示狀況
紅色(べにいろ) (カラーコード: #dc143c)
法律に從った正しい日章旗
參考: 赤色 (カラーコード: #f00)
日章の色が「赤」の日章旗 No Image

複雑ルビ

表示サンプル

ブラウザの表示狀況
<rtc> にルビが一つの場合
三宅 龍太郞 みやけ りゅうたろう MIYAKE ryutaro
<rtc> にルビが複數の場合
三宅 龍太郞 みやけ りゅうたろう MIYAKE ryutaro
ルビ仕樣書の例
10 31 2002 月 日 年 有效期限
實裝狀況
XHTML 1.1 の複雜ルビに對應する UA は當時も無かったのですが、2022/1/2 現在も Firefox (Gecko) が多少上手く表示できる程度で Chromium 系は表示できない。

附錄

ナビゲーション

2021/12/15 (©2021 MIYAKE_ryutaro)