☰

在 MathJax 等浏览器中使用 TikZ

tag-icon • tag-icon tikz-pgf mathjax
在 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 中调用？因为那会很棒。

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

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

相关内容