mathjax 导出svg和png

原文链接: mathjax 导出svg和png

上一篇: vs code 插件change-case, 修改变量名 驼峰和常量等

下一篇: Android 4.4 closest 的兼容性问题

导出png是为了在使用过程中借助透明背景可以实现一个特殊的放置需求, 如果是jpg则因为白色背景会遮住后面的背景

一定要设置命名空间, 以及大小

  svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");

可以调整输出大小, 更加清晰的输出大图

  const scale = 2
  const w = +svg.getAttribute("width").replace("ex", "")
  const h = +svg.getAttribute("height").replace("ex", "")
  svg.setAttribute("width", scale * w + "ex")
  svg.setAttribute("height", scale * h + "ex")

可以设置字体颜色

  const list = Array.from(svg.getElementsByTagName("g"))
  console.log("list", list)

  list.forEach(i => i.setAttribute("fill", color))