आज के इस पोस्ट मैं आपको बतलाने वाला हूँ कि किस प्रकार से आप अपने वेबसाइट के वेबपेज पर 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