0

mathmathjaxレンダリングの幅を調整する方法があるかどうか私はさまよっていました。私が持っているいくつかの数式は長く、私が作成したボックスに収まりません。サイズや幅を変えることで、絞ってフィットさせる方法はありますか?改行を使用してみましたが、それは私が望んでいることではありません。例は次のようなmathjaxです。

2x+3+4 - /intcos(x) dx   


234567897+sin(2x)+34567890987654. 

最後の行を表示すると、ボックスに収まらないため、問題が発生します。あふれます

4

3 に答える 3

2

さて、あなたはそれをより小さなサイズで表示させるために、または(非標準)または\small数学の中で使用することができます。\scriptsize\Tiny\tiny

または、数学の<span style="font-size:70%">...</span>周りに配置して、数学を必要なサイズにスケーリングすることもできます。例えば、

<span style="font-size:70%">\(234567897+sin(2x)+34567890987654\)</span>

数学の区切り文字は。内にある必要があることに注意してください<span>

于 2012-11-26T23:13:54.620 に答える
1

要素やcssコードを追加する必要のないソリューションを見つけました:

// resize all LaTeX Display elements to they fit in on screen
function cvonk_ResizeMathJax() {
    jQuery('.MathJax_Display').each(function(ii, obj) {
        var latex = obj.children[0];
        var w = latex.offsetWidth;
        var h = latex.offsetHeight;    
        var W = obj.offsetWidth;
        if (w > W) {
            obj.style.fontSize = 95 * W / w + "%";
        }
    });
}
window.MathJax = {
    AuthorInit: function() {
    MathJax.Hub.Register.StartupHook("Begin", function() {
        MathJax.Hub.Queue(function() {
        cvonk_ResizeMathJax();
        });
    });
    },
    jax: ["input/TeX", "output/HTML-CSS", "output/NativeMML"],
    extensions: ["tex2jax.js"]
};
window.addEventListener("resize", function() {
    cvonk_ResizeMathJax();  
});
于 2017-12-13T21:23:06.330 に答える
0

上記にリンクされているGoogleグループのディスカッションから:

function changeSize(button) {
    var myeqn = document.getElementById('myeqn');
    myeqn.style.fontSize = button.textContent;
    MathJax.Hub.Queue(
    ['Rerender', MathJax.Hub, 'myeqn'],

    function () {
        document.getElementById('mylabel').innerHTML =
            'width: ' + myeqn.offsetWidth + ", height: " + myeqn.offsetHeight;
    });
}

http://jsfiddle.net/nLyraL1f/またはhttp://jsfiddle.net/s2bjepk6/を参照してください。

これは、レンダリングされたラテックスの幅と高さを取得するので便利です。キャンバスの周りに物を描くことができるので、キャンバス上に配置された要素としてレンダリングする場合などに便利です。

于 2015-03-01T20:31:24.667 に答える