javascript - 是否可以创建一个 Canvas 来提取图像数据而不实际渲染 Canvas ？

Question

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

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

1. 创建一个 Canvas 元素而不渲染它，
2. 将 Chart.js 图表分配到 Canvas (我知道如何执行此操作)，最重要的是:
3. 从 Canvas 导出图像数据，以便我可以将图像数据转发到 PDFMake，而无需向最终用户显示 Canvas 。它必须在后台、代码内部发生。

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

Answer 1

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