2016-10-13 14 views
5

MathJaxとlatex2html5(http://latex2html5.com/)で円弧を描くことに問題があります。pstricksとlatex2html5で円弧を描く

私は上記のこれら2つのライブラリと、このスキーマを描画したいと思います:

Schema to repoduce

私の問題は、私がどのリンクEVDE状態を左に2つの円弧を描くことができないということです。上記のリンクを

、私がやった:

<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> 

ライン:まず、fillcolorのは、間隔青で、後:

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

懸念この部分が、結果は良くありません角度はあまり良くありません(私は2つの弧を垂直にしたい)。

より一般的には、latex2html5ライブラリを使用してスキーマ(ここでは異なる円弧)を描くための情報を得たいと考えています。これが不可能な場合は、誰でもJavascriptライブラリ(理想的にはMathJaxのようなラテックスレンダリングを使用しているかどうか)を知ることができますか?あなたの提案をありがとう。

おかげ

+0

私はこの質問に適したフォーラムの午前ならば、それはStackOverflowの上の別のグループにリダイレクトすることができるか分からない、必要であれば、誰もがそれを行うだろうか?おかげで – youpilat13

答えて

2

は、あなたがpsplotを使用することができ弧を描く、ここにあなたが欲しいにするために軸を変更することができ、水平アークです。 助けてくれることを願っています。

<!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>

+0

ありがとうたくさん、私はこれで試してみるつもりです – youpilat13

+0

それは動作していますが、アークの最後に矢印を追加することは不可能です、私は\ psplot [代数、線幅= 1.5pt、矢印= - > ] { - 3.14} {3.14} {cos(x/2)} – youpilat13

+0

@ youpilat13はい私はそれを試してみました。アークの最後に矢印を追加することができます。 –