LaTeX Rendering in EaselJS

Question

Можно ли использовать MathJAX или вариант внутри объекта EaselJS DisplayObject? Я открыт для альтернативных решений.

Я хотел бы отобразить некоторый текст, например, $$ 5 + 3 -3 = 5 $$ на холсте, который является стадионом EaselJS.

В идеале я хотел бы использовать Text класса, т.е .:

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

Answer 1

Так после немного это рабочее решение, которое я нашел. Это не идеально, но он может передвигаться:

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.