我们的 markdown 编辑器使用 react-katex 渲染 latex 公式,react-katex 库是对 katex 库的 react 封装,同时我们有对 markdown 导出为图片的需求,我们使用了 html2canvas 库来导出图片。在使用过程中,latex 公式的更号部分在导出的图片中会丢失。
我们想找一位对于上述技术都非常熟悉的工程师来帮我们看一下这个问题,如果您恰好对于这块有过经验,且能帮助我们解决这个问题,我们会支付 2000 元 RMB 的报酬来作为感谢。
联系方式: 可加微信 18027368924, 加我时备注:latex 导出
在编辑器中
导出的图片,更号部分会丢失
1
harryBoy 2021-03-22 11:23:28 +08:00
用根号的图片
|
2
tux 2021-03-22 12:00:22 +08:00
改默认字体试试
|
3
bg7dcw 2021-03-22 14:53:47 +08:00
根号还在,只是变成了一根 横线
试试该字体之类的。 搞定了记得发红包哦。 |
4
zeromake 2021-03-22 16:54:57 +08:00 via Android
我加了微信,但是好像没有反应,给后面碰上这个问题的给个关键词吧 svg
|
6
awehook OP 问题已经解决了,不是通过改字体等手段解决的,katex 导出的更号丢失,可以通过
const svgElements = exportDiv.querySelectorAll('svg'); svgElements.forEach(function(item) { item.setAttribute('width', item.getBoundingClientRect().width); item.setAttribute('height', item.getBoundingClientRect().height); item.style.width = null; item.style.height = null; }); 这段代码来解决,但是矩阵的大括号导出时依然会位置错乱。 后来换了个库 mathjax3, 通过 mathjax3 把公式渲染成图片,通过 html2canvas 将带公式的 markdown 导出为图片,解决了上面的问题 |