如何解决Mathjax 未显示,这是我的尝试
在 Alfred Wasserman 的帮助下,我已经能够构建以下 Jsxgraph 图形,并使用 Sagemath 构造将其合并到 html 文件中(Sagemath 的交互速度非常慢,因此 Jsxgraph 是一个梦想)。
不幸的是,无论我尝试哪种方式,我都无法获得 mathjax 中的 tet 可以显示。我已经阅读并重新阅读了所有我可以找到的关于在标题中放置什么以获得显示的内容,但它不起作用。我需要帮助
</head> <style> .serif { font-family: "Computer Modern",Times,serif; }
.sansserif { font-family: "Computer Modern Sans",sans-serif; }
.monospace { font-family: "Lucida Console",Courier,monospace; } body { background-color: #f2f2f2; color: #074978; }
.shaded { padding: 8px; border: 1px solid #CCC; Box-shadow:8px 8px 12px #888; border-radius:6px; }
div.Wrapper *{ color:"red"; }
#myDIV { color="red"; background-color: Transparent;; } .circle { width:25px;height:25px; border: solid 1px #DCDCDC; background-color:
#DCDCDC; Box-shadow: 10px 10px 5px rgba(0,0.6); -moz-Box-shadow: 2px 2px 1px rgba(1,1,0.6); -webkit-Box-shadow: 10px 10px 5px rgba(1,0.6); -o-Box-shadow: 5px 5px 5px rgba(1,0.6); border-radius:70px; } </style> <script type="text/javascript" charset="UTF-8" src="https://cdn.jsdelivr.net/npm/jsxgraph@1.2.2/distrib/jsxgraphcore.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/jsxgraph@1.2.2/distrib/jsxgraph.css" />
<script> window.MathJax = { tex: {
inlineMath: [ ['$','$'],["\\(","\\)"] ],displayMath: [ ['$$','$$'],["\\[","\\]"] ],packages: ['base','ams'] },options: {
ignoreHtmlClass: 'tex2jax_ignore',processHtmlClass: 'tex2jax_process' } }; </script> <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js" id="MathJax-script"></script> </head>
<body class="serif">
<center> JXG.Options.text.useMathJax = true; <div id="Box" class="jxgBox" style="width:500px; height:500px;"> <script type="text/javascript"> var board = JXG.JSXGraph.initBoard('Box',{boundingBox: [0,10,14,0],axis:false}); var grid = board.create('grid',[]); var t1 = board.create('text',[.5,5.2,"$A$"]); var t2 = board.create('text',[1.9,3.6,"$0$"]); var t4 = board.create('text',6.4,"$1$"]);
var p1 = board.create('point',[1,5],{name:'',size:1,strokeColor:'#AE181E',visible:false,fixed:true}); var p2 = board.create('point',[2,fixed:true}); var p3 = board.create('point',4],fixed:true}); var p4 = board.create('point',6],fixed:true}); var li1 = board.create('line',[p1,p2],{straightFirst:false,straightLast:false,strokeWidth:2}); var li2 = board.create('line',[p3,p4],strokeWidth:2}); var seg1 = board.create('segment',[[2,6]],{strokeColor:'#5F9EA0',fixed:true}); //var seg2 = board.create('segment',[[6,[6,7]],{strokeColor:'#5F9EA0'}); var p5
= board.create('point',[2.2,fixed:true}); var p6 = board.create('point',[3.2,fixed:true});
d=[] d[0]=board.create('glider',[seg1],strokeColor:'#5F9EA0',fillColor:'#5F9EA0'}); d[1]=board.create('point',visible:false}); d[2]=board.create('point',visible:false}); d[3]=board.create('segment',[d[1],d[2]],{strokeColor:'#AE181E'}); d[4]=board.create('text',[3.5,4,"$B$"]); d[5]=board.create('text',[2.7,4.2,"\\lambda_0"]); d[6] = board.create('point',[4.2,visible:false}); d[7] = board.create('point',visible:false}); d[8] = board.create('point',2],visible:false}); d[9]=board.create('segment',[d[6],d[7]],{strokeColor:'#32CD32'});//limegreen d[10]=board.create('segment',d[8]],{strokeColor:'#32CD32'}); d[11] = board.create('text',[4.8,"$r$"]); d[12]=board.create('text',2.8,"$a$"]); d[13] = board.create('text',1.8,"$(lambda_0,1-\lambda_0)$"]); d[14] = board.create('point',visible:false}); d[15] = board.create('point',7],visible:false}); d[16] = board.create('segment',[d[14],d[15]],{name:'cyrille',strokeColor:'#5FFEA0'}); d[17] = board.create('text',[5.9,4.6,"$0$"]); d[18] = board.create('text',7.4,"$\\beta$"]); //d[15] = grc var Grd = board.create('group',d);
c=[] c[0]=board.create('point',[6.2,visible:false}); c[1]=board.create('point',[7.2,visible:false}); c[2]=board.create('segment',[c[0],c[1]],{strokeColor:'#AE181E'}); c[3]=board.create('text',[7.5,5,"$A$"]); c[4]=board.create('text',[6.7,"\\lambda_1"]); c[5]=board.create('glider',[d[16]],fillColor:'#5F9EA0'}); c[6] = board.create('point',[8.2,visible:false}); c[7] = board.create('point',[10,visible:false}); c[8] = board.create('point',3],visible:false}); c[9]=board.create('segment',[c[6],c[7]],{strokeColor:'#AE181E'});//limegreen c[10]=board.create('segment',c[8]],{strokeColor:'#AE181E'}); c[11] = board.create('text',[8.8,6.2,"$r$"]); c[12]=board.create('text',3.8,"$a$"]); c[13] = board.create('text',[9.8,7.2,"$(0,0)$"]); c[14] = board.create('text',"$(lambda_1,1-\lambda_1)$"]); var grc = board.create('group',c);
</script> </div> </center> </body> </html>```
PS I do not understand that my complete code Could not be correctly displayed here.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。