在angular 2 typescript中使用html2canvas裁剪图像

Question

我正在使用 html2canvas 以 Angular 2 捕获网页屏幕

import { Component, OnInit, NgZone } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import * as html2canvas from "html2canvas";


@Component({
    selector: 'test',
    templateUrl: 'app/components/view/view.component.html',
    styleUrls: ['app/components/view/view.component.css']
})
export class ViewComponent {
    
   

    constructor(
        private sanitizer: DomSanitizer,
        private window: WindowRef) {
    }

    ngOnInit() {
      this.pdfDownload();
    }

    pdfDownload() {
        html2canvas(document.body).then(function (canvas) {
            var imgData = canvas.toDataURL("image/png");
        });
    }


}

我想裁剪捕获的图像的边框，因为屏幕截图也在捕获导航栏并且不希望发生这种情况。你能告诉我如何实现上述功能吗？

Answer 1

html2canvas(document.body)

用

改变 document.body

$("[CLASS OR ID]")

对于需要快照的元素或部分元素！