如何将mathQuill跨度数据导入到svg

如何解决如何将mathQuill跨度数据导入到svg

我正在使用javaScript节点中的mathQuill library为网站创建科学的公式生成器。我只使用了mathquill文档所述的范围，如下所示

<p class = "mt-3">Type math below</p>
<span id = "math-field"></span>
<label for = "latex">LaTeX : </label>
<input id = "latex"/>

我已经下载了mathquill 0.10.1版本，这是样式表和脚本

<!-- mathquill css -->
<link href = "../static/libraries/mathquill-0.10.1/mathquill-basic.css" rel = "stylesheet">

<!-- mathquill script -->
<script src = "../static/libraries/mathquill-0.10.1/mathquill.min.js"></script>

这是脚本

const MQ = mathquill.getInterface (2)
const latex_span = $ ('#latex')
const mathField = MQ.MathField (document.getElementById ('math-field'),{
    spaceBehavesLikeTab: true,// configurable
    handlers: {
        edit: function () {
        latex_span.val (mathField.latex ()); // simple API
        }
    }
)}

latex_span.keyup (() => {
    mathField.latex (latex_span.val ())
)}

所有这些都可以正常工作，但是我想将span标签（#latex）内的生成的HTML代码导入到SVG文件中。我想将此SVG添加到paperjs canvas之后。我坚持将span标签内的HTML代码转换为SVG文件。有什么可行的方法吗？我在StackOverflow中仅发现this个问题，可以将此span标签导出到SVG文件。 mathquill文档中和任何地方都没有任何内容。至少有人可以给我一个引用链接

提前谢谢！