（转载）mathjax 渲染LaTeX 数学公式使用教程

墨衍会员 · AI 创作全网分发码龄7年

关注

转载最新推荐文章于 2026-09-10 16:00:00 发布 644 阅读 AI 写同款· GEO 优化 ›

使用MathJax在vue中渲染latex数学公式 使用MathJax在vue中渲染latex数学公式前言一、使用MathJax渲染latex数学公式1.配置2.在组件内使用总结前言前端接收的数据中会出现数学公式，而公式是以latex的形式传递，需要前端解析成正常的公式再展示出来，下面就介绍使用mathJax的解决方案。一、使用MathJax渲染latex数学公式 1.配置首先在index.html中导入MathJax库，同时配置需要解析的公式选择符： <script type="text/javascript" async src="htt 阅读详情

https://blog.youkuaiyun.com/hynuhuanghao/article/details/77431911

原文链接：https://blog.youkuaiyun.com/hynuhuanghao/article/details/77431911>

drawLaTex:显示LaTex公式，并生成base64的图片。 #关于drawLaTex 本来想使用MathJax来生成LaTex公式，后来发现两个问题： MathJax太大；生成的公式不是图片，无法存放在其它环境。 LaTex 本项目使用MathJax来渲染LaTex公式。 MathJax的删减 git拿下来的MathJax足足有152M。根据实际需求，我只保留了MathJax 以SVG形式渲染"LaTex/Tex"的功能。删减后，MathTex只有1.68M。尽管不小，但是已经可以当作一个线上项目使用了 base64 生成的LaTex公式，我最终是想以图片的形式保存起来。所以，我想到了svg转canvas的方法。（canvas可以直接得到base64的图片了）这个时候我想到了canvg，利用MathJax生成的svg可以使用canVg将它在canvas上显示出来，并最终生成base64的图片文件。这也是为什么我只保留MathJax的SV 立即下载

0

Nazo_zzh

博客等级

码龄7年 0粉丝 9原创

+ 关注

评论

成就一亿技术人!

拼手气红包6.0元

还能输入1000个字符

插入表情

表情包

代码片

HTML/XML
objective-c
Ruby
PHP
C
C++
JavaScript
Python
Java
CSS
SQL
其它

条评论被折叠查看

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。