1

プログラムのスクリーンショット

ノード、javaScript のmathQuill ライブラリを使用して、Web サイト用の科学式ジェネレーターを作成しています。以下のように 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 ファイルに変換することに行き詰まっています。それを行う方法はありますか？このスパンタグをSVGファイルにエクスポートするために、StackOverflowでこの質問を見つけただけです。mathQuill のドキュメントやどこにも何もありませんでした。少なくとも誰かが私に参照するためのリンクを与えることができますか

latex の span タグ

前もって感謝します！

4

0 に答える 0