1 下载依赖：npm install --save(表示保存到package.json中) html2canvas

2 在需要使用的组件中引入：import html2canvas from "html2canvas";

3 使用es6语法，直接调用html2canvas进行截图：

html2canvas(要转成canvas的元素).then(canvas=>{回调执行的代码})
html2canvas(document.getElementById('nickname')).then((canvas)=>{
    document.getElementById('scroll').appendChild(canvas);
});//将生成的canvas加到id="scroll"元素下

2、在需要的组件中引入 html2canvas import html2canvas from ' html2canvas '; 在 HTML 5中，download是```<a>标签```的新增属性，download属性能让我们指定浏览器下载文件时的默认名称，也就是在客户端重命名下载文件。 将download属性添加到```<a>链接```上，当我 npm install --save html2canvas 官方网站https:// html2canvas .hertzen.com/ 2、在需要的组件中引入 html2canvas // 导入整个模块的内容 import * as html2canvas from ' html2canvas '; 3、定义方法... 之前 使用 html2canvas 的版本是1.0.0-rc.1 并且安装@type/ html2canvas ,引入方式是 import * as html2canvas from ' html2canvas ';这里引用的@type/ html2canvas 包下面的 升级 html 2canvs成1.0.0-rc.5 改成 import html2canvas from ' html2canvas ';此时引用的是... 一个找工作的详情页面，需要把页面截 图 成海报分享出去，要加上背景 图片 ，这时候就用到了 html2canvas 使用 html2canvas 中的一些注意问题 1.background-image属性设置背景 图片 ， 生成 出来时 图片 会模糊： 所以要把背景 图片 拿出来用css模拟背景 图片 的样子 <div class="job-cc" id="jobdetail"> <button class="btn btn-cyan" (click)="ExportPDF()"> <i class="fa fa-plus-circle"></i> <span>导出</span> </butto 1. angular 5 引入 　　npm install --save html2canvas 2. component或者service中 使用 ( angular 5 使用 typescript) import * as html2canvas from ' html2canvas '; 下载的方法实现如下:(es6 promise方式实现) #element: 页面某个元素 如div的class ... import * as jsPdf from ‘jspdf’ import html2canvas from ‘ html2canvas ’ import { Component, OnInit ,Input, Query} from '@ angular /core'; //引入 生成 pdf的插件 import * as jsP