网站开发软件开发流程,跨境电商个人可以做吗,公司网站建设上海,看视频的app有哪些经常有一些需求#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,
});
