Не удается добавить сгенерированную матхакс текстуру в холст, используя Pixi ⇐ Javascript

[Anonymous]

Внутри сценария модуля на HTML -странице у меня есть следующее: < /p>

Код: Выделить всё

import * as PIXI from 'pixi.js';
import { gsap } from 'gsap';
import { mathjax } from 'mathjax-full/js/mathjax.js';
import { TeX } from 'mathjax-full/js/input/tex.js';
import { SVG } from 'mathjax-full/js/output/svg.js';
import { liteAdaptor } from 'mathjax-full/js/adaptors/liteAdaptor.js';
import { RegisterHTMLHandler } from 'mathjax-full/js/handlers/html.js';

const adaptor = liteAdaptor();
RegisterHTMLHandler(adaptor);

const tex = new TeX();
const svg = new SVG();
const html = mathjax.document('', { InputJax: tex, OutputJax: svg });

const latexString = '\\frac{a}{b} + \\sqrt{c}';
const node = html.convert(latexString, { display: true });
const svgData = adaptor.outerHTML(node);
const svgBlob = new Blob([svgData], { type: 'image/svg+xml;charset=utf-8' });
const url = URL.createObjectURL(svgBlob);

const img = new Image();
img.onload = () => {
const texture = PIXI.Texture.from(img);
const sprite = new PIXI.Sprite(texture);
sprite.x = 300;
sprite.y = 200;
app.stage.addChild(sprite);
URL.revokeObjectURL(url);
};
img.src = url;
< /code>
Я генерирую SVG уравнения латекса с помощью MathJax, а затем, используя Pixi, я добавляю его в свое приложение (приложение Pixi).  Onload 

обратный вызов никогда не сжигает.

Код: Выделить всё

adaptor.innerHTML(node)

):

Код: Выделить всё

кажется хорошим! Кажется, нормально.
Что здесь не так?

Подробнее здесь: https://stackoverflow.com/questions/796 ... using-pixi