html2canvas在角应用程序中无法正常工作

Question

我正在使用html2canvas创建一个图像，然后使用jsPDF将图像转换为pdf所有这一切都在一个角度应用程序中，但是当我尝试渲染HTML时，我得到的是一个带有页面背景的图像。 / p>

我用于呈现页面的代码是：

  function downloadPDF(){
    html2canvas(document.body, {
      onrendered: function(canvas) {
        document.body.appendChild(canvas);
        // canvas is the final rendered <canvas> element
      },
      logging: true
    });

此代码位于我视图的控制器内

这是我的看法：

这就是我得到的

我在控制台中得到了这个

html2canvas: Preload starts: finding background-images
html2canvas.min.js:7 html2canvas: Preload: Finding images
html2canvas.min.js:7 html2canvas: Preload: Done.
html2canvas.min.js:7 html2canvas: start: images: 1 / 5 (failed: 0)
html2canvas.min.js:7 html2canvas: start: images: 2 / 5 (failed: 0)
html2canvas.min.js:7 html2canvas: start: images: 3 / 5 (failed: 0)
html2canvas.min.js:7 html2canvas: start: images: 4 / 5 (failed: 0)
html2canvas.min.js:7 html2canvas: start: images: 5 / 5 (failed: 0)
html2canvas.min.js:7 Finished loading images: # 5 (failed: 0)
html2canvas.min.js:7 html2canvas: Renderer: Canvas renderer done - returning canvas obj

知道库是否与角度不兼容或者我是否做错了。

感谢您的帮助