Menu
I get an issue about drawing an arc with MathJax and latex2html5 (from http://latex2html5.com/).
I would like to draw this schema with these 2 libraries above :
My issue is that I can't draw the 2 arcs on the left which link EV and DE states.
On the link above, I did :
<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>
The line :
\psarc[fillcolor=white]{->}(-3.7,0){2}{-90}{90}
concerns this part but the result is not good: first, fillcolor is blue and after, the interval of angle is not good too (I want the 2 arcs to be vertical).
More generally, I would like to get informations to draw schema (here with different arcs) with latex2html5 library. If this is not possible, does anyone know a Javascript library (ideally with Latex rendering like MathJax or without) that could allow to do this ? Thanks for your suggestions.
Thanks
254
draw an arc you can use psplot, here is a horizontal arc, you can change the axis to make you want. hope it helps.
<!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>If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
