在 MathJax 等浏览器中使用 TikZ

在 MathJax 等浏览器中使用 TikZ

我猜这之前已经在某个帖子中做过了,但我刚刚花了两个小时阅读各种帖子,却无法理解一个非常基本的问题。

长话短说:我正尝试在 Web 浏览器中为家庭作业生成器创建动态方程式/图表。到目前为止,我一直在使用 MathJax,并且喜欢它在方程式方面的作用。它非常简单,因为我只需要包含一行 Javascript 代码,然后我就可以开始编码了:

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({tex2jax: {inlineMath: [['|','|'], ['\\ 
(','\\)']]}});
</script>
<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX- AMS-MML_HTMLorMML">
</script>

<?
$x = rand(2,5);
echo "x|^2| = ".pow($x,2).", so x = |\pm|$x";
?>

并且它正确地将其转换为浏览器上的方程形式。

现在,我的目标是做同样的事情,TikZ以便我可以使用如下代码动态创建三角形等等:

<?
$vertex1 = rand(2,5);
$vertex2 = rand(2,5);
?> 
\documentclass[12pt, border=5mm]{standalone}
\usepackage{tikz}
\begin{document}
\begin{tikzpicture}
\draw (0,0) node[anchor=north]{$A$}
  -- (<? echo $vertex1; ?>,0) node[anchor=north]{$C$}
  -- (<? echo $vertex1; ?>,<? echo $vertex2; ?>) node[anchor=south]{$B$}
  -- cycle;
\end{tikzpicture}
\end{document}

所以我的第一个问题,我认为答案是“否”,但无论如何都值得检查 - 是否有一种简单的方法TikZ可以像 MathJax 一样在 Javascript 中调用?因为那会很棒。

如果没有,我怎样才能到达可以实际使用的地方TikZHTML/Javascript我相信有些网站会显示TikZ代码,但我找不到任何相关文档(一切都只是假设我正在使用一个可以TikZ通过简单\usepackage{tikz}调用来召唤的 LaTeX 程序,但我认为 MathJax 做不到这一点)。

目前,我通过 MAMP 在本地主机 Macbook 上运行脚本,但最终我想将其移动到实际的 Web 服务器 - 但如果最终需要在根级别安装它,我可以研究一下。只需要一些清晰的解释,因为我对 LaTeX 的技术方面真的很陌生。

相关内容