Renderização de figuras de LaTeX | .NET

Às vezes, você pode extrair algum conteúdo de um arquivo de LaTeX como uma peça renderizada separadamente, ou a “figura”, sem nenhuma conexão com o layout da página. Pode ser uma ilustração para sua publicação na Internet, por exemplo. Você pode fazer isso com nossa API. Quanto aos formatos de destino, existem duas opções - PNG e SVG. Como é no caso do recurso de renderização de fórmula matemática do LATEX. Também vale a pena notar que Renderização de figuras de LaTeX é uma generalização da renderização de fórmula matemática do LATEX.

Como renderizar uma figura de LaTeX para png

A seção de referência da API relacionada a este tópico é aqui. E, como na renderização de fórmula, começaremos com um exemplo. Aqui está:

            // Render LaTeX figure to PNG image

            // Create rendering options setting the image resolution to 150 dpi.
            PngFigureRendererOptions options = new PngFigureRendererOptions();
            options.Resolution = 150;
            
            // Specify the preamble.
            options.Preamble = "\\usepackage{pict2e}";
            
            // Specify the scaling factor 300%.
            options.Scale = 3000;
            
            // Specify the background color.
            options.BackgroundColor = System.Drawing.Color.White;
            
            // Specify the output stream for the log file.
            options.LogStream = new System.IO.MemoryStream();
            
            // Specify whether to show the terminal output on the console or not.
            options.ShowTerminal = true;

            // Create the output stream for the figure image.
            using (System.IO.Stream stream = System.IO.File.Open(
               System.IO.Path.Combine(OutputDir, "text-and-formula.png"), System.IO.FileMode.Create))
            {
                // Run rendering.
                System.Drawing.SizeF size = new PngFigureRenderer().Render(@"\setlength{\unitlength}{0.8cm}
\begin{picture}(6,5)
\thicklines
\put(1,0.5){\line(2,1){3}} \put(4,2){\line(-2,1){2}} \put(2,3){\line(-2,-5){1}} \put(0.7,0.3){$A$} \put(4.05,1.9){$B$} \put(1.7,2.95){$C$}
\put(3.1,2.5){$a$} \put(1.3,1.7){$b$} \put(2.5,1.05){$c$} \put(0.3,4){$F=\sqrt{s(s-a)(s-b)(s-c)}$} \put(3.5,0.4){$\displaystyle s:=\frac{a+b+c}{2}$}
\end{picture}", stream, options);

                // Show other results.
                System.Console.Out.WriteLine(options.ErrorReport);
                System.Console.Out.WriteLine();
                System.Console.Out.WriteLine($"Size: {size}"); // Dimensions of the resulting image.
            }

Primeiro de tudo, criamos uma instância Figura do LATEX. Fazemos isso aqui especificando simultaneamente a resolução da imagem de saída.

Em seguida, especificamos o preâmbulo. Não há preâmbulo padrão para a renderização de figuras de LaTeX; portanto, se você estiver, por exemplo, renderizar alguns gráficos plotados usando o pacote pict2e LATEX, você precisa especificá -lo no preâmbulo:

\usepackage{pict2e}

Em seguida, instruímos o renderizador a escalar a saída em 300%.

A próxima opção define a cor de fundo. Ao contrário da renderização da fórmula matemática, não especificamos uma cor de primeiro plano, pois assumimos que as cores estão inteiramente sob o controle do código de LaTeX. De fato, o mesmo acontece com a cor de fundo, então essa é apenas uma opção de conveniência.

A próxima linha do exemplo não faz muito sentido. Ele apenas demonstra que você pode direcionar a saída de log para algum fluxo.

E a última opção showterminal permite alternar a gravação da saída do terminal no console.

O método que realmente executa a renderização é figuureRender.render(). Ele retorna o tamanho da figura em pontos.

O fluxo em que a imagem deve ser escrito é aceito pelo método como o segundo argumento. Criamos o fluxo a seguir.

E, finalmente, chamamos o próprio método de figuureRender.render(), passando as opções como o terceiro argumento. O código do LATEX da figura é aprovado como o primeiro argumento.

As últimas linhas do exemplo imprimem dois artefatos de renderização de figuras - o tamanho da figura e o breve relatório de erro (caso haja erros).

Aqui está o resultado da renderização.

Este é o caso de uso mais geral para o recurso de renderização de figuras **.

Como renderizar uma figura de LaTeX para SVG

Da mesma maneira, podemos renderizar uma figura de LaTeX no formato SVG.

            // Render LaTeX figure to SVG image

            // Create rendering options.
            FigureRendererOptions options = new SvgFigureRendererOptions();
            
            // Specify the preamble.
            options.Preamble = "\\usepackage{pict2e}";
            
            // Specify the scaling factor 300%.
            options.Scale = 3000;
            
            // Specify the background color.
            options.BackgroundColor = System.Drawing.Color.White;
            
            // Specify the output stream for the log file.
            options.LogStream = new System.IO.MemoryStream();
            
            // Specify whether to show the terminal output on the console or not.
            options.ShowTerminal = true;

            // Create the output stream for the figure image.
            using (System.IO.Stream stream = System.IO.File.Open(
               System.IO.Path.Combine(OutputDir, "text-and-formula.svg"), System.IO.FileMode.Create))
            {
                // Run rendering.
                System.Drawing.SizeF size = new SvgFigureRenderer().Render(@"\setlength{\unitlength}{0.8cm}
\begin{picture}(6,5)
\thicklines
\put(1,0.5){\line(2,1){3}} \put(4,2){\line(-2,1){2}} \put(2,3){\line(-2,-5){1}} \put(0.7,0.3){$A$} \put(4.05,1.9){$B$} \put(1.7,2.95){$C$}
\put(3.1,2.5){$a$} \put(1.3,1.7){$b$} \put(2.5,1.05){$c$} \put(0.3,4){$F=\sqrt{s(s-a)(s-b)(s-c)}$} \put(3.5,0.4){$\displaystyle s:=\frac{a+b+c}{2}$}
\end{picture}", stream, options);

                // Show other results.
                System.Console.Out.WriteLine(options.ErrorReport);
                System.Console.Out.WriteLine();
                System.Console.Out.WriteLine($"Size: {size}"); // Dimensions of the resulting image.
            }

As diferenças são:

• Utilizamos svgfigureReroptions Classe em vez de pngfigureReroptions.
• Não especificamos a resolução.
• Utilizamos a classe svgfigurerenderer em vez de pngfigurerenderer.

Aqui está o resultado: