是否可以创建画布来提取图像数据而无需实际渲染画布？

Question

所以，我在Angular中有一个应用程序，它使用Chart.js在应用程序的某些视图中生成一些动态图表。 该应用程序还能够通过PDFMake Javascript库将一些数据导出为PDF格式，这是一个相当基本但允许基本文本和图像输出到PDF文件。

问题是 - 我可以在我生成将由PDFMake库解析的数据的工厂内动态地执行以下操作：

1. 创建一个Canvas元素而不渲染它，
2. 将Chart.js图表​​分配给画布（我知道如何做），最重要的是：
3. 从画布导出图像数据，这样我就可以将图像数据转发到PDFMake而无需向最终用户显示画布。 它必须在代码内部的后台发生。

可以在不绘制画布元素的情况下将画布数据提取为图像，甚至可以将其添加到DOM中吗？

Answer 1

我做了一个快速测试，但ChartJS似乎并不接受使用document.createElement('canvas')创建的内存中画布，因此您可以将画布移出屏幕以使其不可见。