gpt4 book ai didi

javascript - 使用 pstricks 和 latex2html5 绘制圆弧

转载 作者:搜寻专家 更新时间:2023-11-01 04:29:46 24 4
gpt4 key购买 nike

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

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

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>

行:

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

关注这部分但是效果不好:先是fillcolor是蓝色,然后是angle的区间也不好(我希望2个弧是垂直的)。

更一般地说,我想获取信息以使用 latex2html5 库绘制架构(此处具有不同的弧线)。如果这是不可能的,有没有人知道可以做到这一点的 Javascript 库(最好使用 MathJax 之类的 Latex 渲染或不使用)?感谢您的建议。

谢谢

最佳答案

画弧可以用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>

关于javascript - 使用 pstricks 和 latex2html5 绘制圆弧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40021653/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com