Javascript Html2Canvas foreignObjectRendering only渲染视点

我目前在使用Html2Canvas包将复杂的DIV元素呈现到画布元素时遇到问题。 问题是我想写在画布上的DIV已经

overflow: auto 

因此DIV大于屏幕比率。 要向火中添加汽油，上述所有内容都在Angular 5组件中，这意味着当我访问

ElementRef.nativeElement.innerHTML

时CSS不可用

封装。在这里，没有一个

对我也不起作用

HTML到画布设置：

  async: true,
  logging: false,
  backgroundColor: null,
  allowTaint: true,
  foreignObjectRendering: true,
  removeContainer: true

结果:

注意图像周围的黑色空间，这是屏幕比例，但无法渲染

当我设置时：

foreignObjectRendering: false

我得到了非常令人满意的质量和我想要的尺寸。 但图表如下所示：

提前谢谢！ 这对我很重要。 我保证，如果我能解决这个问题，我会创建一个非常有用的NPM包，在Angular 2将元素导出为PDF文件+

同时附上Html2Canvas文档，以方便您：

---

您没有找到解决方案吗？