वेब ब्राउज़र Webpage में Maths के समीकरण कैसे दिखाए?

By author image icon आशुतोष कुमार

दिनांक : January 26, 2022

 आज के इस पोस्ट मैं आपको बतलाने वाला हूँ कि किस प्रकार से आप अपने वेबसाइट के वेबपेज पर maths के समीकरण को देखा सकते है? और Math के लिखे गए equation या फॉर्मूला हुबहू किताबों और कलम से लिखे समीकरण की तरह दिखेगा। जो कि आपके वेबसाइट के Look को और भी आकर्षक बंनाने में मदद करेंगा।



Math Equation या फॉर्मूला को अपने वेबसाइट के वेबपेज में जोड़ने के निम्नलिखित steps को फॉलो करें

Step 1 : नीचे दिये गये कोड को अपने वेबपेज के <head /> टैग के अंदर Copy करके Paste कर दे
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.15.2/dist/katex.min.css" integrity="sha384-MlJdn/WNKDGXveldHDdyRP1R4CTHr3FeuDNfhsLPYrq2t0UBkUdK2jyTnXPEK1NQ" crossorigin="anonymous">

    
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.2/dist/katex.min.js" integrity="sha384-VQ8d8WVFw0yHhCk5E8I86oOhv48xLpnDZx5T9GogA/Y84DcCKWXDmSDfn13bzFZY" crossorigin="anonymous"></script>

Step 2 : नीचे दिये गये कोड को <body/> के अंदर कॉपी करा Paste करें।

    <p id="eq1"></p>
    <p id="eq2"></p>
    <p id="eq3"></p>
    <p id="eq4"></p>
    <script>
        //Equestion
        katex.render("c = \\pm\\sqrt{a^2 + b^2}", eq1, { throwOnError: false });
        
        //Matrix
        katex.render( "\\begin{bmatrix}a&b"+ "\\newline "+ "c&d"+"\\end{bmatrix}", eq2, { throwOnError: false });
        
        
        var f = "\\dfrac{a-1}{b-1}"; katex.render(f , eq3 , { throwOnError: false });
        
        //fraction
        katex.render( "\\frac a b", eq4, {});
    &th;/script&gh;
        
Step 3 : अब वेबपेज को Save करके, ब्राउज़र में Run करवा कर जाँच ले। नीचे Output के Preview इमेज में देखें।
वेबपेज पर गणितीय समीकरण का निरूपण
KaTex :- Browser Support

KaTeX सभी बड़े आधुनिक वेब ब्राउज़र को सपोर्ट करता है :- Chrome, Safari, Firefox, Opera, Edge, and IE 11.


No comments:

Post a Comment

आप कैसे हों?