使用 mp-htmlLaTex渲染数学公式

  1. 下载源码 mp-html
  2. 找到tools/config.js文件、修改plugins配置,打开latex
    在这里插入图片描述
  3. 执行npm install
  4. 执行npm run build:uni-app
  5. 复制dist/uni-app/components/mp-html文件夹到 uni-app 项目中
  6. 使用
	import mpHtml from '../components/mp-html/mp-html'

LaTex 公式需要使用$或者的$$包裹

<mp-html :content="String.raw`$x_i^2\left( 1 + \frac{x}{n} \right)^n \geq 1 + x$`" />

在这里插入图片描述

LaTex的公式和调试参考如下文章:
超详细 LaTex数学公式
LaTexzaixianLaTex公式编辑器

使用mathjs计算字符串表达式

因为小程序不支持evalnew Function等方法,通过正则匹配字符串的形式又缺少通用性,只适合简单的加减成熟,因此使用mathjs库,

  1. 安装npm install mathjs
  2. 导入
	import { evaluate } from 'mathjs'
  1. 使用
evaluate('70/1.78^2')

如果返回的是公式"g/h^2",需要正则将变量g h替换成数值,进行计算

 let str = "g/h^2".replace("g",70).replace("h",1.78)
 evaluate(str)
Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐