type
status
date
slug
summary
tags
category
icon
password

介绍

dom-to-image是一个JavaScript库,可以把浏览器中的DOM节点转成图片。它的主要功能包括:
  1. 从DOM节点生成图片 可以针对任意的DOM节点,调用domtoimage.toPng(node)或domtoimage.toJpeg(node)等方法,就可以生成对应的图片文件。
  1. 自定义图片属性 可以通过options参数,自定义生成图片的属性,比如宽高、背景色等。
  1. 支持多种输出格式 支持PNG、JPEG、WEBP等多种图片格式的输出。
  1. 支持跨域图片 对于DOM节点中引用的跨域图片,dom-to-image可以正确获取处理。
  1. 支持延迟加载 对于还未完全加载的节点,可以设置delay参数,延迟一定时间后再生成图片。
  1. 支持多种浏览器 广泛兼容主流浏览器,包括IE10+。
使用示例:
有个大聪明就要说了,我不想在项目里引入使用,只想要在网页中直接将我需要的dom元素转成图片下载下来。当然没问题~

应用

1. 在console控制台引入dom-to-image(cnd源可自行更换)
2. 在console控制台输入以下代码回车即可在网页上看到生成的图片
3. 下载图片--右键图片另存为即可

详细文档以及项目地址

 
相关文章
🎉🌸✨重磅 开源网页访问计数器
Lazy loaded image
春风若有怜花意,可否许ta再少年!
Lazy loaded image
什么?要给localStorage加上过期时间
Lazy loaded image
1024倾情巨献Vue3+element-plus(非脚手架纯html!!!)开发可拖拽表格以及列的动态显示隐藏
Lazy loaded image
html页面直接引入vue.js解决ie浏览器兼容性
Lazy loaded image
VsCode正则表达式批量替换
Lazy loaded image
春风若有怜花意,可否许ta再少年!什么?要给localStorage加上过期时间
Loading...
IMyself
IMyself
前端小萌新~
最新发布
初始化服务器安装配置
2025-1-26
render部署aurora
2025-1-26
Vmail 临时邮箱部署教程
2025-1-26
搭建属于自己的uptimerobot API的站点监控面板
2025-1-26
VMware 17 Pro 安装 Ubuntu系统
2025-1-26
基于VMware的Ubuntu虚拟机使用主机代理
2025-1-26
公告
🎉老站点迁移中🎉
-- 感谢您的支持 ---
2021-2025IMyself.

IMyself | 前端小萌新~