当前位置: 首页 > news >正文

html2canvas 将DOM节点转成图片

官网地址:html2canvas - Screenshots with JavaScript

将js文件保存到本地

可以新建一个txt文件,然后丢进去修改后缀名称即可。 

在项目中引入js文件:

import html2canvas from "../html2canvas.min.js"

 这是我准备画的DOM节点。

onClickPng() {let loading = uiHelp.loading("下载中...");html2canvas(document.querySelector("#capture")).then(canvas => {document.querySelector(".png").appendChild(canvas);document.body.appendChild(canvas);const aLink = document.createElement('a');const evt = document.createEvent('HTMLEvents');evt.initEvent('click', true, true);aLink.download = "排班信息";aLink.href = canvas.toDataURL();aLink.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));uiHelp.loadingClose(loading);});},

http://www.lryc.cn/news/308708.html

相关文章:

  • 【多线程】常见锁策略详解(面试常考题型)
  • Python列表操作函数
  • Qt注册类对象单例与单类型区别
  • Rocky Linux 运维工具yum
  • linux下的ollama
  • YOLOv9详细解读,改进提升全面分析(附YOLOv9结构图)
  • html基础操练和进阶修炼宝典
  • 从Mysql 数据库删除重复记录只保留其中一条(删除id最小的一条)
  • 从http到websocket
  • UE5 C++ Widget练习 Button 和 ProgressBar创建血条
  • 抖店无货源违规频发,不能入驻?这个是真的吗?
  • HarmonyOS—开发云数据库
  • mysql查询某个数据库的数量有多少GB
  • table展示子级踩坑
  • xss过waf的小姿势
  • 【六袆 - MySQL】MySQL 5.5及更高版本中,InnoDB是新表的默认存储引擎;
  • 可移植性(兼容性)测试指南
  • 软件更新快讯-Obsidian更新-1.5.8 linux Appimage直装
  • Android Gradle开发与应用 (二) : Groovy基础语法
  • iptables学习
  • kafka 集群搭建
  • springboot-基础-eclipse配置+helloword示例
  • 关于HTML标签应用教程
  • 3. 台阶问题
  • 推荐一个 Obsidian 的 ChatGPT 插件
  • aws的RDS数据库开启慢查询日志
  • 一文读懂 Python 值传递和引用传递
  • Linux进阶——系统安全,重要文件,加固系统的相关配置
  • C++三级专项 字符串逆序
  • 【iOS ARKit】ARWorldMap