2000 元 RMB, 找一位对 html2canvas, react-katex, katex 特别熟悉的大牛解决个技术问题

2021-03-22 11:20:31 +08:00
 awehook

我们的 markdown 编辑器使用 react-katex 渲染 latex 公式,react-katex 库是对 katex 库的 react 封装,同时我们有对 markdown 导出为图片的需求,我们使用了 html2canvas 库来导出图片。在使用过程中,latex 公式的更号部分在导出的图片中会丢失。

我们想找一位对于上述技术都非常熟悉的工程师来帮我们看一下这个问题,如果您恰好对于这块有过经验,且能帮助我们解决这个问题,我们会支付 2000 元 RMB 的报酬来作为感谢。

联系方式: 可加微信 18027368924, 加我时备注:latex 导出

在编辑器中

导出的图片,更号部分会丢失

1499 次点击
所在节点    前端开发
6 条回复
harryBoy
2021-03-22 11:23:28 +08:00
用根号的图片
tux
2021-03-22 12:00:22 +08:00
改默认字体试试
bg7dcw
2021-03-22 14:53:47 +08:00
根号还在,只是变成了一根 横线
试试该字体之类的。
搞定了记得发红包哦。
zeromake
2021-03-22 16:54:57 +08:00
我加了微信,但是好像没有反应,给后面碰上这个问题的给个关键词吧 svg
awehook
2021-03-22 17:27:54 +08:00
@zeromake 问题已经解决了,初次发帖,没有经验
awehook
2021-03-22 17:43:04 +08:00
问题已经解决了,不是通过改字体等手段解决的,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 导出为图片,解决了上面的问题

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/763873

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX