jquery - 如何转换为 jpg 并下载包含 highchart 和动态生成的 html 表的 div？

Question

我想将 div 的内容转换并下载为 jpeg。该 div 包含

1.包含动态生成内容的Html表

2.highchart 然后

3.另一个包含动态生成内容的Html表格

我已经尝试过使用两个插件

. Html2Canvas
. Canvas2Image

使用这两个插件，我设法将 div 转换并下载到 jpeg 图像，但问题是表格显示在图像中，并且在高图表处其相应宽度和高度的空白区域以及一些值即将到来但列未显示。

请帮我！

Answer 1

我认为如此高的图表会生成 svg。因此，首先您必须将 svg 转换为画布，然后再转换 html2canvas。最后将画布转换为图像。

我认为 html2canvas 可能不适用于表格标签（不显示）。删除 Table 标签使用 div 标签。如果你给我看代码，我可以帮忙。

首先使用 canvg.js For Svg To Canvas（您将在 html 中找到每个 svg），因为 html2canvas 不转换 svg。那么你的代码是真的。.