Html2Canvas foreignObjectRendering仅呈现视点

Question

使用Html2Canvas包将复杂的DIV元素渲染为CANVAS元素时，我目前遇到问题。 问题是我要写入CANVAS的DIV，具有

overflow: auto 

因此，DIV大于屏幕比例。 并添加了汽油，上面描述的全部都在Angular 5组件中，这意味着在我访问ElementRef.nativeElement.innerHTML时CSS不可用。

Encapsulation.None在这里也不适合我。

HTML到画布的设置：

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

结果：

注意图像周围的黑色空间，它是屏幕比例，但无法呈现。

我正在设置：

foreignObjectRendering: false

我得到非常令人满意的质量和想要的尺寸。 但是这些图看起来像这样：

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

还附上Html2Canvas文档，以方便您： http://html2canvas.hertzen.com/configuration/