实现MathJax:使用JSFiddle、Canvas和DOM



我在这里查看代码。当在html文件中运行MathJax API时,我能够使MathJax部分正确渲染。然而,我无法在画布内获取MathJax文本(它显示在画布上方一行(。我在想我做错了什么。我觉得我需要运行另一个扩展,API,让它工作。任何帮助都将不胜感激!

<html>
<style>
#gameCanvas {
background-color: lightblue;
}
</style>
<div class="canvasHolder">
<div id="latexContent">(frac{3}{7})</div>
<canvas id="gameCanvas" width="600" height="600">Not supported</canvas>
</div>
<script>
var stage = new createjs.Stage("gameCanvas");
var domElement = new createjs.DOMElement(document.getElementById("latexContent"));
stage.addChild(domElement);
</script>
</html>

您需要添加createjs库和mathjax库(请参阅<html>后的前两行(

<html>
<script type="text/javascript" src="//code.createjs.com/createjs-2013.09.25.combined.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<style>
#gameCanvas {
background-color: lightblue;
}
</style>
<div class="canvasHolder">
<div id="latexContent">(frac{3}{7})</div>
<canvas id="gameCanvas" width="600" height="600">Not supported</canvas>
</div>
<script>
var stage = new createjs.Stage("gameCanvas");
var domElement = new createjs.DOMElement(document.getElementById("latexContent"));
stage.addChild(domElement);
</script>
</html>

最新更新