[Html2Canvas在生产版本中裁剪的图像（角度）

Question

我需要一些建议。我已经在我的网站上使用Html2Canvas设置了“导出为PDF”功能，用于捕获图像，使用jsPDF进行导出为PDF。

这一切都很棒，但仅在开发环境中有效。通过Webpack Dev Server或开发版本（ng版本，不带--prod标志）运行时，它似乎可以100％工作。

我进行prod构建（ng build --prod）的那一刻，我开始看到不一致之处，即图像被截断。它可以打开和关闭，所以我真的不确定是什么问题。

我尝试弄乱配置选项，无济于事。

而且，我知道需要将页面滚动到0,0的错误，并且我添加了scrollTo（0,0）来解决该问题。

以下是一些示例图像：

---

DEV环境：（这是正确的）

---

PROD版本：（这是错误的-某些图像被剪切掉了]

---

如您所见，某些图像在PROD中被剪切。

这里是我的代码的（部分/大部分）要点：https://gist.github.com/andre-engelbrecht/5828f33b61b793f2c2c540f5af223f7b

我意识到这似乎有点（过于）复杂，但这就是我需要的方式。我需要一个相当动态的导出实现，该实现可以通过简单的配置完成。

任何帮助将不胜感激。

Answer 1

我认为html2canvas上存在一个错误，如果要捕获屏幕外图像，则该错误必须位于顶部。

[如果您不介意滚动到页面顶部，这是快速解决方法window.scrollTo(0,0)