使用pstricks和latex2html5绘制弧

时间:2016-10-13 12:56:01

标签: javascript geometry mathjax

我遇到一个关于使用MathJax和latex2html5(来自http://latex2html5.com/)绘制弧的问题。

我想用上面的这两个库绘制这个模式:

Schema to repoduce

我的问题是我无法在左侧绘制两个链接EVDE状态的弧。

在上面的链接中,我做了:

<script type="tex/latex">

\begin{center}
\begin{pspicture}(-4,-4)(4,4)

 \pscircle(-3.3,2.5){0.4}
 \pscircle(-3.3,-2.5){0.4}
 \pscircle(3.3,-2.5){0.4}
 \pscircle(3.3,2.5){0.4}

\psline{->}(-2.9,2.5)(2.9,2.5)
\rput(0,2.8){00}

\psline{->}(3.3,2.1)(3.3,-2.1)
\rput(3.6,0){00}

\psline{->}(2.9,-2.5)(-2.9,-2.5)
\rput(0,-2.8){01,11}

\psarc[fillcolor=white]{->}(-3.7,0){2}{-90}{90}

\end{pspicture}
\end{center}

  </script>

  <script type="text/javascript">
  $('body').latex();
  </script>

该行:

\psarc[fillcolor=white]{->}(-3.7,0){2}{-90}{90}

关注这一部分,但结果并不好:首先,fillcolor为蓝色,之后,角度间隔也不好(我希望2个弧是垂直的)。

更一般地说,我想获得使用latex2html5库绘制模式(这里有不同的弧)的信息。如果这是不可能的,有没有人知道一个Javascript库(理想情况下使用像MathJax或没有的Latex渲染)可以允许这样做?谢谢你的建议。

由于

1 个答案:

答案 0 :(得分:2)

绘制弧线你可以使用psplot,这里是一个水平弧,你可以改变你想要的轴。 希望它有所帮助。

&#13;
&#13;
<!DOCTYPE html>
<html>
<head>
<script type="text/x-mathjax-config">
    // <![CDATA[
    MathJax.Hub.Config({ 
        TeX: {extensions: ["AMSmath.js", "AMSsymbols.js"]},     
        extensions: ["tex2jax.js"],
        jax: ["input/TeX", "output/HTML-CSS"],
        showProcessingMessages : false,
        messageStyle : "none" ,    
        showMathMenu: false ,
        tex2jax: {
            processEnvironments: true,
            inlineMath: [ ['$','$'], ["\(","\)"] ],
            displayMath: [ ['$$','$$'], ["\[","\]"] ],
            preview : "none",
            processEscapes: true
        },
        "HTML-CSS": { linebreaks: { automatic:true, width: "latex-container"} }
    });
    // ]]>
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_HTML"></script>
<script type="text/javascript" src="https://raw.githubusercontent.com/Mathapedia/LaTeX2HTML5/master/latex2html5.min.js"></script>
<link rel="stylesheet" href="https://raw.githubusercontent.com/Mathapedia/LaTeX2HTML5/master/css/latex2html5.css" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Arbutus+Slab" type="text/css">
</head>
<div id="aa"></div>
<script type="tex/latex">
\begin{center}
\begin{pspicture}(-4,-4)(4,4)
\psplot[algebraic,linewidth=1.5pt]{-3.14}{3.14}{cos(x/2)}
\end{pspicture}
\end{center}
\end{document}
  </script>

  <script type="text/javascript">
  $('body').latex();
  </script>
</html>
&#13;
&#13;
&#13;