2016-10-13 3 views
5

У меня возникла проблема с рисованием дуги с MathJax и latex2html5 (от http://latex2html5.com/).Рисунок дуги с pstricks и latex2html5

Я хотел бы обратить эту схему с этими 2 библиотеки выше:

Schema to repoduce

Моя проблема заключается в том, что я не могу нарисовать 2 дуги слева, связывающие EV и DE состояния.

На ссылке выше, я сделал:

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

касается этой части, но результат не очень хорошо: первый, Цвет заливки синий и после того, как, интервал Угол тоже не хорош (я хочу, чтобы 2 дуги были вертикальными).

В общем, я хотел бы получить информацию, чтобы рисовать схему (здесь с разными дугами) с библиотекой latex2html5. Если это невозможно, кто-нибудь знает Javascript-библиотеку (в идеале, с помощью Latex, например 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 [алгебраической, linewidth = 1.5pt, стрелки = -> ] {- 3.14} {3.14} {cos (x/2)} – youpilat13

+0

@ youpilat13 да, я пробовал, и попытаюсь найти руководство об этом, но безрезультатно. вы можете добавить стрелку в конец дуги. –

Смежные вопросы