角色4中的html2canvas

概述我可以使用角度4中的html2canvas截取屏幕截图但我需要使用http post调用将字符串图像发送到服务器端 Component import { Component, OnInit, NgZone } from '@angular/core';import { Router, ActivatedRoute, Params } from '@angular/router';import 我可以使用角度4中的HTML2canvas截取屏幕截图但我需要使用http post调用将字符串图像发送到服务器端

Component

import { Component,OnInit,ngzone } from '@angular/core';import { Router,ActivatedRoute,Params } from '@angular/router';import { EventsEmitter } from '../../assets/scripts/services/eventsEmitter';import { WindowRef } from '../../assets/scripts/services/window';import { ImagesService } from '../images/images.component.service';import { DomSanitizer } from '@angular/platform-browser';import * as HTML2canvas from "HTML2canvas";@Component({    selector: 'categorIEs',templateUrl: 'app/components/vIEw/vIEw.component.HTML',styleUrls: ['app/components/vIEw/vIEw.component.CSS'],provIDers: [ImagesService]})export class VIEwComponent {           constructor(        private route: ActivatedRoute,private router: Router,private imagesService: ImagesService,private eventsEmitter: EventsEmitter        private sanitizer: DomSanitizer,private window: WindowRef) {        this.window.nativeWindow.scrollTo(0,0);    }    ngOnInit() {    }    pdfDownload() {        HTML2canvas(document.body).then(function (canvas) {            var imgData = canvas.toDataURL("image/png");            document.body.appendChild(canvas);        });    }    AddImagesResource(query: any) {        this.imagesService.addCanvasResource(query)            .subscribe(response => {                this.eventsEmitter.broadcast('Success','Changes Saved Succesfully');            },error => {                this.eventsEmitter.broadcast('Error','Error Occured');            });    }}

<a data-HTML2canvas-ignore (click)="pdfDownload()">screenshot</a>

我打电话要做的服务

addCanvasResource(body: Object): Observable<any> {        let bodyString = JsON.stringify(body);        let headers = new headers({ 'Content-Type': 'application/Json' });        let options = new Requestoptions({ headers: headers });        return this.http.post(this.baseUrl + 'API/v3/images/AddCanvasImage',body,options)            .map((response: Response) => {                if (response.status < 200 || response.status >= 300) {                    throw new Error('This request has Failed ' + response.status);                }                else {                    return response;                }            });    }

我无法访问HTML2canvas中的AddImagesResource()函数

你能告诉我如何实现上述功能吗？

解决方法

pdfDownload() {    let self = this;//use this variable to access your class members insIDe then().    HTML2canvas(document.body).then(canvas => {        var imgData = canvas.toDataURL("image/png");        self.AddImagesResource(imgData);        document.body.appendChild(canvas);   });

}

总结

以上是内存溢出为你收集整理的角色4中的html2canvas全部内容，希望文章能够帮你解决角色4中的html2canvas所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。