2014-01-20 40 views
2

是否可以在EaselJS DisplayObject中使用MathJAX或變體?我願意接受其他解決方案。LaTeX在EaselJS中渲染

我想在一個EaselJS舞臺的畫布上顯示一些文本,例如$$ 5 + 3 -3 = 5 $$。

理想我想用文本類,即:

new createjs.Text("\(5 + 3 = 8 \)", "20px Arial", "#ff0000"); 

回答

2

所以後一點,這是一個有效的解決方案,我發現。它不是完美的,但它可以左右移動:

HTML

<div class="canvasHolder"> 
    <div id="latexContent">\(3 + 4 = 7\)</div> 
    <canvas id="gameCanvas" width="600" height="600">Not supported</canvas> 
</div> 

的JavaScript

var stage = new createjs.Stage("gameCanvas"); 
var domElement = new createjs.DOMElement(document.getElementById("latexContent")); 
stage.addChild(domElement); 

Here is a demonstration of the snippet working.