Картинки для веба из формул на латехе

en
Редактор формулПримерыВопросы и ответыУстановка на сайтыUpmath: редактор текстов

Редактор формул


Адрес картинки: 

Примеры

Интегралы, корни и рамки

$$\boxed{ \int\limits_{-\infty}^{\infty} e^{-x^2} \, dx = \sqrt{\pi} }$$
\boxed{ \int\limits_{-\infty}^{\infty} e^{-x^2} \, dx = \sqrt{\pi} }

Пределы и суммы

$$\gamma \overset{\text{def}}{=} \lim\limits_{n \to \infty} \left( \sum\limits_{k=1}^n {1 \over k} - \ln n \right) \approx 0.577$$
\gamma \overset{\text{def}}{=} \lim\limits_{n \to \infty} \left( \sum\limits_{k=1}^n {1 \over k} - \ln n \right) \approx 0.577

Многострочные формулы

$$\begin{align*} y &= x^4 + 4 =\\ &= (x^2+2)^2 - 4x^2 \le\\ &\le (x^2+2)^2 \end{align*}$$
\begin{align*} y &= x^4 + 4 =\\ &= (x^2+2)^2 - 4x^2 \le\\ &\le (x^2+2)^2 \end{align*}

Матрицы

$$A_{m,n} = \begin{pmatrix} a_{1,1} & a_{1,2} & \cdots & a_{1,n} \\ a_{2,1} & a_{2,2} & \cdots & a_{2,n} \\ \vdots & \vdots & \ddots & \vdots \\ a_{m,1} & a_{m,2} & \cdots & a_{m,n} \end{pmatrix}$$
A_{m,n} = \begin{pmatrix} a_{1,1} & a_{1,2} & \cdots & a_{1,n} \\ a_{2,1} & a_{2,2} & \cdots & a_{2,n} \\ \vdots & \vdots & \ddots & \vdots \\ a_{m,1} & a_{m,2} & \cdots & a_{m,n} \end{pmatrix}

Цепные дроби

$$e = 2 + \cfrac{1}{ 1 + \cfrac{1}{ 2 + \cfrac{2}{ 3 + \cfrac{3}{ 4 + \cfrac{4}{\ldots} }}}}$$
e = 2 + \cfrac{1}{ 1 + \cfrac{1}{ 2 + \cfrac{2}{ 3 + \cfrac{3}{ 4 + \cfrac{4}{\ldots} }}}}

Картинки в окружении picture

$$\begin{picture}(76,20) \put(0,0){$A$} \put(69,0){$B$} \put(14,3){\line(1,0){50}} \put(39,3){\vector(0,1){15}} \put(14,3){\circle*{2}} \put(64,3){\circle*{2}} \end{picture}$$
\begin{picture}(76,20) \put(0,0){$A$} \put(69,0){$B$} \put(14,3){\line(1,0){50}} \put(39,3){\vector(0,1){15}} \put(14,3){\circle*{2}} \put(64,3){\circle*{2}} \end{picture}

Диаграммы xy-pic

$$\xymatrix{ A \ar[r]^f \ar[d]_g & B \ar[d]^{g'} \\ D \ar[r]_{f'} & C }$$
\xymatrix{ A \ar[r]^f \ar[d]_g & B \ar[d]^{g'} \\ D \ar[r]_{f'} & C }

Чертежи TikZ

$$\begin{tikzpicture}\small \def\r{1.8} \coordinate[label=$A$] (A) at (0.5*\r,0.8*\r); \coordinate[label=below:$B$] (B) at (-\r,0); \coordinate[label=below:$C$] (C) at (\r,0); \draw[thin] (A) -- node[above] {$c$} node[pos=0.03,below,inner sep=4] {$\alpha$} (B) -- (C) -- node[right] {$b$} (A); \end{tikzpicture}$$
\begin{tikzpicture}\small \def\r{1.8} \coordinate[label=$A$] (A) at (0.5*\r,0.8*\r); \coordinate[label=below:$B$] (B) at (-\r,0); \coordinate[label=below:$C$] (C) at (\r,0); \draw[thin] (A) -- node[above] {$c$} node[pos=0.03,below,inner sep=4] {$\alpha$} (B) -- (C) -- node[right] {$b$} (A); \end{tikzpicture}

Графики TikZ

$$\begin{tikzpicture}[domain=0:2] \draw[very thin] (-0.1,-0.1) grid (2.1,2.1); \draw[->] (-0.2,0)--(2.2,0) node[right] {$x$}; \draw[->] (0,-0.2)--(0,2.2) node[above] {$y$}; \draw plot (\x,{sin(\x r)}) node[right] {$y=\sin x$}; \draw[color=blue] plot (\x,\x) node[right] {$y=x$}; \end{tikzpicture}$$
\begin{tikzpicture}[domain=0:2] \draw[very thin] (-0.1,-0.1) grid (2.1,2.1); \draw[->] (-0.2,0)--(2.2,0) node[right] {$x$}; \draw[->] (0,-0.2)--(0,2.2) node[above] {$y$}; \draw plot (\x,{sin(\x r)}) node[right] {$y=\sin x$}; \draw[color=blue] plot (\x,\x) node[right] {$y=x$}; \end{tikzpicture}

Вопросы и ответы

Что такое «латех»?

Латех — это система компьютерной верстки сложных документов. Широко используется в науке, стандарт де-факто в математических и физических журналах. Подробности — в википедии.

Что делает этот сайт?

Сайт превращает математические формулы на латехе в готовые для веба картинки. Их не нужно создавать в графическом редакторе и загружать куда бы то ни было. Добавляйте картинки к обсуждениям в блогах и форумах или пересылайте ссылки в личной переписке.

Сколько это стоит?

При разумном использовании нисколько. Разумность использования определяется просто: если вы мешаете другим пользователям, ваш поток запросов будет заблокирован.

Есть гарантия, что сервис не перестанет работать?

Нет. Но я сам использую его на своих сайтах и не собираюсь закрывать.

Как формулы превращаются в картинки?

На сервере установлен Tex Live. Он работает в связке с современными веб-технологиями.

Кириллица в формулах не отображается!

Вам поможет команда \text. Например, Q_\text{плавления}>0 отображается правильно: $$Q_\text{плавления}>0$$.

Как подключать пакеты латеха? Я хочу картинки с химическими формулами и нотами!

При создании картинок подключается минимальный набор пакетов. Если какого-то пакета вам не хватает, напишите мне письмо. Не забудьте объяснить, как пакет пригодится другим пользователям.

Все формулы нужно набирать в этом редакторе?

Несколько формул удобнее набирать на этой странице. Текст с формулами набирайте в редакторе с поддержкой маркдаун-разметки и получайте готовый html-код. Сайты с математическими текстами могут использовать сервис напрямую.

Встраивание математических формул на сайты

Авторы математических текстов могут включать формулы на латехе сразу в код страниц. Чтобы при загрузке сайта формулы заменялись картинками, их нужно писать в двойных долларах: $$...$$, и в исходном коде страниц подключать скрипт 

<script src="//i.upmath.me/latex.js"></script>

Пример html-кода:

<p>Магнитный момент $$\vec{\mathfrak{m}}$$, находящийся в начале координат, создает в точке $$\vec{R}_0$$ векторный потенциал</p> <p>$$\vec{A} = {\vec{\mathfrak{m}} \times \vec{R}_0 \over R_0^3}.$$(1)</p>

Получившийся результат:

Магнитный момент $$\vec{\mathfrak{m}}$$, находящийся в начале координат, создает в точке $$\vec{R}_0$$ векторный потенциал

$$\vec{A} = {\vec{\mathfrak{m}} \times \vec{R}_0 \over R_0^3}.$$(1)

В современных браузерах скрипт загружает векторные картинки в формате SVG и выравнивает базовые линии формул и окружающего текста:

На этом сервисе работает мой блог о теоретической физике.