LaTeX math formulas rendering | Aspose.TeX for .NET

How to render a LaTeX math formula to PNG

The API reference section related to this topic is here. In fact, the easiest way to demonstrate the LaTeX math formula rendering feature is to start with the example. Here it is:

            // Render LaTeX math formula to PNG image

            // Create rendering options setting the image resolution to 150 dpi.
            PngMathRendererOptions options = new PngMathRendererOptions();
            options.Resolution = 150;
            
            // Specify the preamble.
            options.Preamble = @"\usepackage{amsmath}
            \usepackage{amsfonts}
            \usepackage{amssymb}
            \usepackage{color}";
            
            // Specify the scaling factor 300%.
            options.Scale = 3000;
            
            // Specify the foreground color.
            options.TextColor = System.Drawing.Color.Black;
            
            // 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 formula image.
            using (System.IO.Stream stream = System.IO.File.Open(
                System.IO.Path.Combine(OutputDir, "math-formula.png"), System.IO.FileMode.Create))
            {
                // Run rendering.
                System.Drawing.SizeF size = new PngMathRenderer().Render(@"\begin{equation*}
e^x = x^{\color{red}0} + x^{\color{red}1} + \frac{x^{\color{red}2}}{2} + \frac{x^{\color{red}3}}{6} + \cdots = \sum_{n\geq 0} \frac{x^{\color{red}n}}{n!}
\end{equation*}", 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.
            }

Let’s get to the details. First of all, we create a rendering options instance, similar to the TeX/LaTeX typesetting. We do it here simultaneously specifying the output image resolution.

Next, we specify the preamble. The default preamble is:

\usepackage{amsmath}
\usepackage{amsfonts}
\usepackage{amssymb}

which provides slightly more advanced math formula support than basic LaTeX. You can, for example, add the color package if you want to use your own highlighting in the formula, as we showed in the code example.

Then we instruct the renderer to scale the output by 300%.

Next two options define the foreground and background colors. Those parts of the formula that are not covered (“colored”) by the custom highlighting will be displayed in the TextColor color.

The next line of the example doesn’t make much sense. It just demonstrates that you can direct the log output to some stream.

And the last option ShowTerminal allows you to toggle writing the terminal output to the console.

The method that actually performs the rendering is MathRenderer.Render(). It returns the size of the formula in points.

The stream where the image is to be written is accepted by the method as the second argument. We create the stream next.

And finally, we call the MathRenderer.Render() method itself, passing options as the third argument. The LaTeX code of the formula is passed as the first argument.

The last lines of the example print two artifacts of math formula rendering - the size of the formula and the brief error report (in case there are errors).

Here is the result of rendering.

This is the most general use case for the LaTeX math formula rendering feature.

You may also check out the free web app built based on the feature implemented within Aspose.TeX for .NET API.

How to render a LaTeX math formula to SVG

In much the same way, we can render a LaTeX math formula to SVG format.

            // Render LaTeX math formula to SVG image

            // Create rendering options.
            MathRendererOptions options = new SvgMathRendererOptions();
            
            // Specify the preamble.
            options.Preamble = @"\usepackage{amsmath}
            \usepackage{amsfonts}
            \usepackage{amssymb}
            \usepackage{color}";
            
            // Specify the scaling factor 300%.
            options.Scale = 3000;
            
            // Specify the foreground color.
            options.TextColor = System.Drawing.Color.Black;
            
            // 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 formula image.
            using (System.IO.Stream stream = System.IO.File.Open(
                System.IO.Path.Combine(OutputDir, "math-formula.svg"), System.IO.FileMode.Create))
            {
                // Run rendering.
                System.Drawing.SizeF size = new SvgMathRenderer().Render(@"\begin{equation*}
e^x = x^{\color{red}0} + x^{\color{red}1} + \frac{x^{\color{red}2}}{2} + \frac{x^{\color{red}3}}{6} + \cdots = \sum_{n\geq 0} \frac{x^{\color{red}n}}{n!}
\end{equation*}", 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.
            }

The differences are:

• We use SvgMathRendererOptions class instead of PngMathRendererOptions.
• We don’t specify resolution.
• We use SvgMathRenderer class instead of PngMathRenderer.

Here is the result:

Building a LaTeX Math Rendering AI Agent with Aspose.TeX

For developers looking to encapsulate this functionality into a conversational or programmatic AI Agent, the core engineering challenge shifts from simple code execution to intent recognition, structure checking, and runtime error loop processing.

Below is the suggestion for the production workflow architecture for an AI agent that interprets user requests, builds valid LaTeX syntax, and returns fully rendered visual components.

As you can see - AI Agent for math rendering should operate as a closed feedback loop consisting of three micro-layers:

1. Input and syntax harvesting (LLM layer) The user types in natural language or partial syntax expressions (e.g., “Show me the derivative of a matrix multiplication equation”). Agent transforms these prompts to valid LaTeX math structures inside a structured JSON payload, avoiding markdown wrappers like ````latex`.

2. AST validation and sanitization (validator layer) Before routing strings directly to execution pipelines, the software agent validates token patterns to prevent security injections or broken execution chains.

3. API execution pipeline (Aspose.TeX engine) The agent passes the sanitized token directly to the backend processing framework using the programmatic execution rules. The Agent instantiates either SvgMathRendererOptions or PngMathRendererOptions depending on the client context (e.g., if the user is on mobile or web, use SVG for optimal crispness).

4. If the Aspose.TeX compilation fails or encounters syntax warnings, it pipes standard log diagnostics directly into a runtime error stream. Instead of silently failing or crashing user interfaces, the agent intercepts the stack trace data, builds a context loop, and prompts the LLM to rewrite the equation payload.

You may also check out the free web app built based on the feature implemented within Aspose.TeX for .NET API.