Chinaunix首页 | 论坛 | 博客
  • 博客访问: 72589
  • 博文数量: 7
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 87
  • 用 户 组: 普通用户
  • 注册时间: 2014-12-06 22:00
文章分类

全部博文(7)

文章存档

2019年(4)

2018年(1)

2014年(2)

我的朋友

分类: Html/Css

2019-03-23 19:41:53

在网页中可以用KaTex显示数学公式,KaTex官网是

以下是KaTex的一个简单例子:
下载
把dist/fonts、dist/katex.min.css、dist/katex.min.js解压到katex文件夹

新建一个katex.html文件,文件内容如下:
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="UTF-8">
  5.     <title>test</title>
  6.     <link rel="stylesheet" href="katex/katex.min.css" integrity="sha384-dbVIfZGuN1Yq7/1Ocstc1lUEm+AT+/rCkibIcC/OmWo5f0EA48Vf8CytHzGrSwbQ" crossorigin="anonymous">
  7.     <script src="katex/katex.min.js" integrity="sha384-2BKqo+exmr9su6dir+qCw08N2ZKRucY4PrGQPPWU1A7FtlCGjmEGFqXCv5nyM5Ij" crossorigin="anonymous"></script>
  8.   </head>
  9.   <body>
  10.     <span class="x">test</span>
  11.     <script>
  12.       var i;
  13.       var x = document.getElementsByClassName("x");
  14.       katex.render("\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1", x[0]);
  15.     </script>
  16.   </body>
  17. </html>


用浏览器打开katex.html即可看到式子(用火狐浏览器66版本打开或用Chrome浏览器73版本加--allow-file-access-from-files参数启动后打开):
x^2/a^2+y^2/b^2=1

可以访问我的Github Pages看效果:


阅读(2556) | 评论(0) | 转发(0) |
0

上一篇:给TStringGrid添加插入、删除功能并优化

下一篇:没有了

给主人留下些什么吧!~~