jquery html 生成图片,使用html2canvas实现将html内容写入到canvas中生成图片

之前我们简单的了解了canvas的基本用法,这里我们来了解下如何将html内容写入到canvas中生成图片，这里我使用到了html2canvas插件，这个插件是基于canvas实现的

一：下载html2canvas插件

1：直接下载html2canvas插件

直接点击html2canvas.min.js，然后直接ctrl+s进行保存即可

2：使用npm进行下载

npm install html2canvas

二：html2canvas使用介绍

在html2canvas中主要使用两种方法

1：将html内容写入到canvas中

html2canvas(element，options).then((canvas) =>{})

参数说明：

element：需要将html内容写入canvas的jQuery对象

options：配置信息

常用的配置基本信息：

scale：缩放比例,默认为1

allowTaint：是否允许跨域图像污染画布，默认为false

useCORS：是否尝试使用CORS从服务器加载图像，默认为false

width：canvas画布的宽度,默认为jQuery对象的宽度

height：canvas画布的高