V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
awehook
V2EX  ›  前端开发

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

  •  
  •   awehook · 2021-03-22 11:20:31 +08:00 · 1677 次点击
    这是一个创建于 1346 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    在编辑器中 markdown 编辑器

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

    6 条回复    2021-03-22 17:43:04 +08:00
    harryBoy
        1
    harryBoy  
       2021-03-22 11:23:28 +08:00
    用根号的图片
    tux
        2
    tux  
       2021-03-22 12:00:22 +08:00
    改默认字体试试
    bg7dcw
        3
    bg7dcw  
       2021-03-22 14:53:47 +08:00
    根号还在,只是变成了一根 横线
    试试该字体之类的。
    搞定了记得发红包哦。
    zeromake
        4
    zeromake  
       2021-03-22 16:54:57 +08:00 via Android
    我加了微信,但是好像没有反应,给后面碰上这个问题的给个关键词吧 svg
    awehook
        5
    awehook  
    OP
       2021-03-22 17:27:54 +08:00
    @zeromake 问题已经解决了,初次发帖,没有经验
    awehook
        6
    awehook  
    OP
       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 导出为图片,解决了上面的问题
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3187 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 13:13 · PVG 21:13 · LAX 05:13 · JFK 08:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.