html转换成图片

使用html2canvas依赖包

一、安装依赖

npm install --save html2canvas

二、使用方法

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

三、参数说明

element：需要将HTML内容写入canvas的jQuery对象；
options：配置信息，常用的配置基本信息包括：

1.scale：缩放比例，默认为1；

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

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

4.width：canvas画布的宽度，默认为jQuery对象的宽度；

5.height：canvas画布的高度，默认为jQuery对象的高度；

6.backgroundColor：画布的背景色，默认为透明（#fff），参数可以为#表示的颜色，也可以使用rgba。

canvas.toDataURL()将html转换成base64图片

如果您的HTML内容中有指定的内容不希望被写入到canvas中，可以给相应的标签添加data-html2canvas-ignore="true"属性

四、示例

import html2canvas from 'html2canvas';
 html2canvas(testText.value).then((canvas) =>{
     url.value = canvas.toDataURL("image/png");
 });