Using MathJax and PhantomJS to create SVGs on server side with minimum overhead.
JavaScript Perl TeX
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 6 commits ahead, 10 commits behind agrbin:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Using MathJax and PhantomJS to create SVGs on server side with minimum overhead.

This is just an idea, algorithm and it's proof of concept. If you want to use such system in production, take a look at this fork too: !

MathJax is a great tool! Why not use it on a server side too? To avoid loading the whole phantomjs and MathJax into memory with every call, the service is exposed via HTTP.

Detailed usage instructions are on the GitHub wiki. For quick-start instructions, keep reading.

Then, start the server:

$ phantomjs main.js

Loading bench page index.html
Server started on port 16000
Point your brownser at http://localhost:16000 for a test form.

Try it out by pointing your browser at http://localhost:16000/, and using the test form to enter an equation in either TeX or MathML.

Or, from a different console, use curl:

$ curl localhost:16000/?q=x

<svg xmlns:xlink="" style="width: 1.34ex; height: 1.099ex; ...

Or, try this MathML example: http://localhost:16000/?type=mml&q=%3Cmath%3E%3Cmfrac%3E%3Cmi%3Ey%3C%2Fmi%3E%3Cmn%3E2%3C%2Fmn%3E%3C%2Fmfrac%3E%3C%2Fmath%3E.

Loading MathJax from the CDN vs locally

By default, this loads MathJax from the MathJax CDN. That means that the server uses an internet connection, and it loads MathJax once, as the server is started.

To use a local version of MathJax instead, first download and extract MathJax into the mathjax subdirectory (or wherever else you would like):

wget -O
mv mathjax-MathJax-* mathjax

Then uncomment the <script> element in index.html that refers to this local version, and comment out the one that loads from the CDN.



Read for more details!