Javascript 如何使用JSXgraph中包含的mathJax将文本转换为latex？

我试图使用JSXgraph 0.99.7附带的mathJax来呈现一个等式

简单形式似乎呈现（r^2=（x-h）^2+（y-k）^2），但不呈现函数或分数（1=\frac{（x-h）^2}{a^2}+\frac{（y-k）^2}{b^2}）

这是一个

绘制椭圆的当前代码：

var graph = board.create('ellipse', [A, B, C], {
        id: field,
        fixed: true,
        useMathJax: true,
        withLabel: true,
        name: '',
        strokeColor: color,
        strokeWidth: 2,
        fillColor: shade,
        fillOpacity: 0.3,
        size: 2,
        dash: dashed,
        highlightStrokeColor: 'red',
        highlightStrokeWidth: 3,
        highlightFillColor: shade,
        highlightFillOpacity: op
    });
    graph.on('down', function (e, i) {
        showMaster(this.id); 
        graph.setName('1=\\frac{(x-h)^2}{a^2}+\\frac{(y-k)^2}{b^2}');
    });

---

有什么建议吗？

默认情况下，不会为MathJax内容解析标签。必要的修改是添加

   label: {useMathJax: true, visible: false}

到椭圆声明。 此外，我建议在创建椭圆时设置名称，只需将标签设置为在

down

事件中可见即可

以下是完整的示例：

MathJax.Hub.Config({
    extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
    jax: ["input/TeX", "output/HTML-CSS"],
    tex2jax: {
      inlineMath: [ ['$','$'], ["\\(","\\)"] ],
      displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
    },
    "HTML-CSS": { availableFonts: ["TeX"] }
  });

var A = board.create('point', [-2, 0]);
var B = board.create('point', [1, 0]);
var C = board.create('point', [0, 2]);

var graph = board.create('ellipse', [A, B, C], {
    withLabel: true,
    strokeColor: 'black',
    strokeWidth: 2,
    fillColor: '#cccccc',
    fillOpacity: 0.3,
    highlightStrokeColor: 'red',
    highlightStrokeWidth: 3,
    name: '$1=\\frac{(x-h)^2}{a^2}+\\frac{(y-k)^2}{b^2}$',
    label: {useMathJax: true, visible: false}
});
graph.on('down', function (e, i) {
    graph.label.setAttribute({visible: true});
});

现场观看