Question

我使用Rapaheljs创作剧情，在视觉中，我有动态文本元素，可以有数学函数或特殊字符。为了获得数学格式，我正在使用MathJax，但是，似乎在渲染后它会占用等式部分。这是代码 -

<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_SVG"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.js"></script>
    <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        showProcessingMessages: false,
        tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] }
    });
    </script>
</head>
<body>
    <div id="container"></div>
    <script type="text/javascript">
        window.onload = function() {
          var paper = new Raphael(document.getElementById('container'), 100, 100);
            var text = paper.text( 20, 20, "Hello $a^2 + b^2 = c^2$" );
            MathJax.Hub.Queue(['Typeset', MathJax.Hub, text[0]])
        };
    </script>
</body>

有人可以指出这个问题是什么吗？有没有其他方法可以实现这一点，或者我的MathJax配置是一个问题？

Raphael Js SVG文本元素和MathJax渲染

0 个答案: