文档工具 -- KaTeX表达式资料整理

sz66cm

已于 2024-07-28 22:06:13 修改

阅读量181

点赞数 3

文章标签： katex 数学公式文档工具

于 2024-07-28 21:41:24 首次发布

本文链接：https://blog.csdn.net/sz66cm/article/details/140756909

版权

KaTeX 公式教学

KaTeX 是一个快速的数学公式渲染工具，常用于网页中显示复杂的数学表达式。下面是一些基本的 KaTeX 使用教学，帮助你快速上手。

KaTeX 基本语法

KaTeX 的语法与 LaTeX 的数学公式语法非常相似。以下是一些常用的数学表达式及其对应的 KaTeX 语法：

基本公式

分数： \frac{a}{b} $\frac{a}{b}$
根号： \sqrt{x} $\sqrt{x}$
上标： a^b $a^b$
下标： a_b $a_b$

\frac{a}{b} \quad \sqrt{x} \quad a^b \quad a_b

$\frac{a}{b} \quad \sqrt{x} \quad a^b \quad a_b$

括号

大括号： \left( \frac{a}{b} \right) $\left( \frac{a}{b} \right)$
中括号： \left[ \frac{a}{b} \right] $\left[ \frac{a}{b} \right]$
大括号： \left\{ \frac{a}{b} \right\} $\left\{ \frac{a}{b} \right\}$

\left( \frac{a}{b} \right) \quad \left[ \frac{a}{b} \right] \quad \left\{ \frac{a}{b} \right\}

$\left( \frac{a}{b} \right) \quad \left[ \frac{a}{b} \right] \quad \left\{ \frac{a}{b} \right\}$

求和与积分

求和： \sum_{i=1}^{n} i
积分： \int_{a}^{b} f(x) \, dx

\sum_{i=1}^{n} i \quad \int_{a}^{b} f(x) \, dx

特殊符号

希腊字母： \alpha \beta \gamma \delta \theta $\alpha \beta \gamma \delta \theta$
无穷大： \infty $\infty$
微分符号： \partial $\partial$

\alpha \beta \gamma \delta \theta \quad \infty \quad \partial

$\alpha \beta \gamma \delta \theta \quad \infty \quad \partial$

示例

二次方程

ax^2 + bx + c = 0

$ax^2 + bx + c = 0$

微积分公式

\int_{0}^{\infty} e^{-x} \, dx = 1

$\int_{0}^{\infty} e^{-x} \, dx = 1$

矩阵

\begin{pmatrix}
a & b \\
c & d
\end{pmatrix}

$\begin{pmatrix} a & b \\ c & d \end{pmatrix}$

极限和三角函数

极限

极限是用 \lim 命令表示的，可以结合上标和下标来表示极限的上下界。

极限示例

\lim_{x \to \infty} f(x) = L

$\lim_{x \to \infty} f(x) = L$

三角函数

三角函数包括正弦、余弦、正切及其反函数。以下是常用的三角函数表示方法：

正弦函数

\sin(x)

余弦函数

\cos(x)

正切函数

\tan(x)

反三角函数

\arcsin(x) \quad \arccos(x) \quad \arctan(x)

示例

极限和三角函数结合的例子

\lim_{x \to 0} \frac{\sin(x)}{x} = 1

$\lim_{x \to 0} \frac{\sin(x)}{x} = 1$

复合函数

\sin(\cos(\theta))

$\sin(\cos(\theta))$

三角恒等式

\sin^2(\theta) + \cos^2(\theta) = 1

在网页中使用 KaTeX 渲染极限和三角函数

以下是一个包含极限和三角函数的 HTML 示例：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>KaTeX Example</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.css">
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.js"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/contrib/auto-render.min.js"></script>
</head>
<body>
    <h1>KaTeX Example</h1>
    <p>极限示例：$$\lim_{x \to \infty} f(x) = L$$</p>
    <p>三角函数示例：$$\sin(x), \cos(x), \tan(x)$$</p>
    <p>复合函数示例：$$\sin(\cos(\theta))$$</p>
    <p>三角恒等式：$$\sin^2(\theta) + \cos^2(\theta) = 1$$</p>
    <p>极限和三角函数结合的例子：$$\lim_{x \to 0} \frac{\sin(x)}{x} = 1$$</p>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            renderMathInElement(document.body, {
                delimiters: [
                    {left: "$$", right: "$$", display: true},
                    {left: "$", right: "$", display: false}
                ]
            });
        });
    </script>
</body>
</html>