文章 2024-10-13 来自:开发者社区

吐血整理:纯前端如何实现批量dom转图片,并下载成压缩包

theme: smartblue 往期精彩文章: 用云编译器半小时完成轮播组件紧急开发!被公司奖励500! 直接使用git pull拉取代码,被同事狠狠地diss了! 快收藏!超实用标签title属性重写,让同事对你刮目相看 需求背景 这几天捣鼓一些小东西,需要实现这样一个功能:将页面指定的dom批量下载成压缩包。功能大致如下: 将每条评论信息转成图片,然后放到一个压缩包里下载下来。 压缩包内容....

文章 2024-08-27 来自:开发者社区

纯前端如何实现批量dom转图片,并下载成压缩包

需求背景 这几天捣鼓一些小东西,需要实现这样一个功能,将页面指定的dom批量下载成压缩包。功能大致如下:将每条评论信息转成图片,然后放到一个压缩包里下载下来。压缩包内容这篇文章就简单介绍下,我是如何实现的。 技术思路 要将dom转成图片,我们直接使用html2canvas就可以;要将所有图片放到压缩包里,我们首先获取到每个图片的base64Data编码信息,最后借助jszip就可以实现。 ...

纯前端如何实现批量dom转图片,并下载成压缩包
文章 2023-12-15 来自:开发者社区

html2canvas将document DOM节点转换为图片,并下载到本地

了解一下,安装先npm install --save html2canvas用到的知识包括用例代码<template> <div> <el-button type="primary" ref="btn" @click="downloadImg({ dom: $el, fileName: '自定义图片名称.png' })">下载当前网页&...

html2canvas将document DOM节点转换为图片,并下载到本地

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。