| 12345678910111213141516171819202122232425 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>数学公式渲染测试</title>
- <link rel="stylesheet" href="/css/katex/katex.min.css">
- </head>
- <body>
- <h1>数学公式渲染测试</h1>
- <h2>测试1: 简单公式</h2>
- <x-math-render :content="'$f(x) = 2x^2 - 3x + 1$'" class="text-lg" />
- <h2>测试2: 分数公式</h2>
- <x-math-render :content="'$x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$'" class="text-lg" />
- <h2>测试3: 积分公式</h2>
- <x-math-render :content="'$$\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}$$'" class="text-lg" />
- <h2>测试4: 求和公式</h2>
- <x-math-render :content="'$\sum_{i=1}^{n} i = \frac{n(n+1)}{2}$'" class="text-lg" />
- <script src="/js/katex.min.js"></script>
- <script src="/js/math-render.js"></script>
- </body>
- </html>
|
