MATHJAX - Exemple 2 - Affichage d'un matrice

by M.V. 414

HTML

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} });
</script>

<h2>MATHJAX - Affichage d'un tableau javascript comme une matrice .</h2>
<div id="aff">

</div>

JavaScript

var mat = [[1,2,3,4],
           [5,6,7,8],
           [9,10,11,12],
           [13,14,15,16]
          ];

//////////////////////////////////////////////////////////
// FONCTION QUI SERA AJOUTEE A UNE LIBRAIRIE SPECIFIQUE AUX MATRICES
var matrice2tex = function(matrice){
    var chaine ="";
    for(i=0; i<matrice[0].length; i+=1){
        for(j=0; j<matrice[i].length; j+=1){
            if(j!=0) chaine +="&";
            chaine += matrice[i][j];
        }
        chaine += "\\\\";
    }
    return "\\(\\begin{pmatrix}"+chaine+"\\end{pmatrix}\\)";
};
//////////////////////////////////////////////////////////

var codeLaTeX = matrice2tex(mat);
// On demande l'affichage da la chaine contenant le code LaTeX dans la console.
console.log(codeLaTeX);
// On demande l'affichage da la chaine contenant le code LaTeX dans 'div#aff'.
$('#aff').html(codeLaTeX);
// Et on lance la commande pour que MathJax interprète le code LaTex
MathJax.Hub.Queue(["Typeset", MathJax.Hub, "aff"]);