网站开发软件开发流程,东莞网络推广哪家公司奿,企业名录搜索软件 2022,开一个做网站的公司赚钱吗经常有一些需求#xff0c;要将网页保存为一张图片#xff0c;感觉异常困难#xff0c;这里发现一个简单的办法。 这么简单#xff0c;直接一句哇塞#xff0c;老板#xff1a;马上完成任务。 先安装几个依赖
npm i howuse html2canvas jspdf
下载图片代码 button …经常有一些需求要将网页保存为一张图片感觉异常困难这里发现一个简单的办法。 这么简单直接一句哇塞老板马上完成任务。 先安装几个依赖
npm i howuse html2canvas jspdf
下载图片代码 button clickdownloadImg(){{ loadingImg ? 正在... : }}下载为图片/buttondiv styletext-align: center classhowuse-demo-chart reffileAreaxxxx 内容echarts 、表格 随便写/divimport { useHtmlAsImage } from howuse/pdf;const fileArea ref();
const { downloadImg, loading: loadingImg } useHtmlAsImage({ref: fileArea,fileName: 雨巷.png, // 文件名称
});下载pdf 代码 button clickdownloadPdf(){{ loadingPdf ? 正在... : }}下载为Pdf/buttondiv styletext-align: center classhowuse-demo-chart reffileAreaxxxx 内容echarts 、表格 随便写/divimport { useHtmlAsPdf } from howuse/pdf;
const fileArea ref();
// pdfOpts 是pdf的参数
const { downloadPdf, loading: loadingPdf } useHtmlAsPdf({ref: fileArea,fileName: 雨巷.pdf,
});打印局部网页代码调用浏览器打印窗口直接打印
button clickprintPdf()打印pdf/buttondiv styletext-align: center classhowuse-demo-chart reffileAreaxxxx 内容echarts 、表格 随便写/div// pdfOpts 是pdf的参数
const { printPdf, loading } useHtmlAsPdf({ref: fileArea,fileName: 雨巷.pdf,
});
