javascript - 如何将 mathQuill 跨度数据导入 Svg

Question

我正在使用节点 javaScript 中的mathQuill 库为网站创建一个科学公式生成器。我只使用了一个跨度，正如 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画布之后。我坚持将 span 标签内的此 HTML 代码转换为 SVG 文件。有没有办法做到这一点？我只在 StackOverflow 中发现了这个问题，以便将此 span 标签导出到 SVG 文件。mathQuill 文档和任何地方都没有任何内容。至少有人可以给我一个链接来参考

提前致谢！

标签： javascripthtmlsvgmathquill