LaTeX para SVG

O KaTeX compõe a fórmula em HTML no servidor, e a ferramenta envolve esse HTML em um foreignObject SVG junto com a folha de estilos do KaTeX e os arquivos de fonte woff2 necessários à fórmula, incorporados como URLs de dados. A largura e a altura são calculadas com base nas métricas de fonte do KaTeX e nas larguras reais dos glifos dessas fontes, para que a área se ajuste à fórmula com uma pequena margem.

Ele é exibido no Chrome, Edge, Firefox e Safari, seja usado como elemento img, fundo CSS, marcação SVG em linha ou arquivo aberto diretamente, e em aplicativos criados com um mecanismo de navegador. Editores e conversores vetoriais como Inkscape, Illustrator, a importação de SVG do Figma, librsvg e resvg não renderizam HTML dentro de foreignObject, então a fórmula fica em branco.

Nenhuma biblioteca com licença permissiva nesta ferramenta organiza a matemática do KaTeX como contornos de glifos, e um sistema de composição separado não reproduziria a saída do KaTeX. Incorporar o próprio HTML do KaTeX preserva o espaçamento e as fontes exatos. Se um editor vetorial precisar de contornos, abra o SVG em um navegador e imprima-o em PDF; assim, a fórmula permanece como formas vetoriais que os editores podem importar.

O modo de exibição compõe a fórmula como uma equação independente: os operadores grandes exibem seus limites acima e abaixo, as frações permanecem em tamanho normal e os números \tag são permitidos. O modo em linha usa o estilo compacto de texto, pensado para fórmulas dentro de uma frase, com frações menores e limites posicionados ao lado de somas e integrais.

Ele define o tamanho da fonte matemática em pixels, de 8 a 200, como um número inteiro, com 24 como padrão. A largura e a altura do SVG aumentam proporcionalmente, então uma fórmula renderizada com 48 pixels fica duas vezes maior que uma com 24. Como o resultado é baseado em vetores, você ainda pode redimensioná-lo depois com CSS.

Tudo o que o KaTeX 0.19.1 suporta: frações, raízes, somas e integrais, matrizes e ambientes como aligned, cases, pmatrix e array, acentos, setas, \mathbb, \mathcal, \mathfrak, \text, \color e \tag. Você pode definir suas próprias macros com \def ou \newcommand dentro da fórmula. Documentos completos, \usepackage, TikZ e os comandos \ce do mhchem não estão disponíveis.

Nenhum arquivo é gerado, e a ferramenta informa o que deu errado e em qual caractere, contado a partir de 1. Ela identifica comandos desconhecidos, chaves sem correspondência, sobrescritos duplos e comandos sem um argumento, para que você possa ir direto ao ponto e corrigir o problema.

Uma fórmula pode ter até 10,000 caracteres, as macros podem ser expandidas no máximo 1,000 vezes, e os tamanhos passados a comandos como \rule, \kern e \hspace são limitados a 100em. Comandos que carregam ou vinculam conteúdo externo, como \href, \url e \includegraphics, estão desativados e aparecem como texto vermelho não compatível.

O plano de fundo é transparente. Ao colar a marcação SVG em uma página HTML, a fórmula assume a cor do texto do elemento ao redor; como arquivo de imagem, ela é desenhada em preto. Use \color ou \textcolor dentro da fórmula para definir cores que permaneçam iguais em qualquer lugar.

Cada arquivo inclui a folha de estilos do KaTeX, com cerca de 24 KB, e todas as fontes usadas pela fórmula em formato woff2 codificado em base64; por isso, uma fórmula típica tem de 75 a 150 KB. Caracteres que não existem nas fontes do KaTeX, como caracteres chineses ou japoneses dentro de \text, usam as fontes do próprio visualizador. O SVG tem a função img, com o código-fonte LaTeX no título e no aria-label para leitores de tela.