首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在类似MathJax的浏览器中使用TikZ

在类似MathJax的浏览器中使用TikZ
EN

Stack Overflow用户
提问于 2018-05-20 14:33:42
回答 1查看 5.6K关注 0票数 13

我猜这之前已经在一个线程中完成了,但我刚刚花了两个小时阅读各种不同的线程,无法理解一个非常基本的问题。

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

代码语言: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做同样的事情,这样我就可以使用如下代码动态创建三角形等等:

代码语言:javascript
运行
复制
<?
$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}

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

如果没有,我如何才能真正使用HTML/Javascript中的TikZ?我相信有些网站会显示TikZ代码,但我找不到任何有关这方面的文档(所有内容都假定我使用的是一个LaTeX程序,该程序可以通过一个简单的\usepackage{tikz}调用来调用TikZ,而我不认为MathJax可以做到这一点)。

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

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50432295

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档