MathJax节点为内联TeX生成SVG输出

时间:2017-02-15 04:51:32

标签: node.js svg mathjax

尝试将简单的内联方程转​​换为SVG并不起作用,并在第一次出现时停止执行。

内联方程:

When $a \ne 0$, there are two solutions to $(ax^2 + bx + c = 0)$ and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

将上述inline-TeX转换为SVG的代码:

var mjAPI = require("MathJax-node/lib/mj-single.js");
var fs = require('fs');

mjAPI.config({
    MathJax : {
        SVG : {
            scale: 120,
            font : "STIX-Web",
            linebreaks: { automatic: true },
            tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] }
        }
    },
    displayErrors : true,
    displayMessages : false
});

mjAPI.start();

fs.readFile(process.argv[2], 'utf8', function (err, formula) {
    if (err) {
        return console.log(err);
    }

    mjAPI.typeset({
        math : formula,
        format : "inline-TeX",
        svg : true,
        width: 1,
        linebreaks: true
    }, function (results) {
        if (!results.errors) {
            console.log(results.svg)
        }
    });
});

输出:

只需在svg。

中打印

...编辑

在Peter Krautzberger的帮助下(见下面的评论),我能够让SVG导出工作。这是代码。

var mjAPI = require("mathjax-node/lib/mj-page.js");
var jsdom = require("jsdom").jsdom;

var document = jsdom("When $a \\ne 0$, there are two solutions to $(ax^2 + bx + c = 0)$ and they are $x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}.$");

mjAPI.start();

mjAPI.typeset({
  html: document.body.innerHTML,
  renderer: "SVG",
  inputs: ["TeX"]
}, function(result) {
  "use strict";
  document.body.innerHTML = result.html;
  var HTML = document.documentElement.outerHTML.replace(/^(\n|\s)*/, "");
  console.log(result.html);
});

1 个答案:

答案 0 :(得分:2)

mj-single只能处理单个方程式。要处理具有多个方程式的文档,您需要使用mj-page(返回HTML文档而不是单个svg)。

修改the readme中的示例,这可能会让您入门。

var mjAPI = require("mathjax-node/lib/mj-page.js");
var jsdom = require("jsdom").jsdom;
var fs = require('fs');

var html = fs.readFileSync(process.argv[2])
var document = jsdom(html);

mjAPI.start();

mjAPI.typeset({
  html: document.body.innerHTML,
  renderer: "SVG",
  inputs: ["TeX"]
}, function(result) {
  console.log(result.html);
});