如何让 p5.js 画布上的 KaTex 渲染的表达式显示在下载的图像上?

如何让 p5.js 画布上的 KaTex 渲染的表达式显示在下载的图像上?

我正在尝试在 p5.js 画布上使用 KaTeX 渲染 LaTeX 表达式,以便将它们与画布一起导出为 png 并在其他地方使用。表达式渲染得很好,但当我下载图像时,渲染的表达式丢失了。

我认为它们不是画布元素的一部分,但我该怎么做才能将它们与画布一起导出为一幅图像?

下面是工作部分的图像。代码生成了渲染的表达式,但是当我将画布下载为图像时,我只得到了灰色的背景。 在画布上渲染 KaTeX

我最初使用一个名为 p5.teach.js 的库进行 LaTeX 渲染。后来我发现发布的草图没有这个库,这导致了同样的问题。

我尝试下载为 png 和 svg 格式,但没有任何变化。当我使用浏览器的打印功能时,表达式就在那里,但我想要一个干净的下载解决方案,只包含画布和渲染的表达式。

相关内容