首页 > 其他分享 >js截图功能

js截图功能

时间:2022-10-28 09:22:08浏览次数:42  
标签:截图 document false image 功能 js link const save

 

    // setTimeout(() => {
    //   // 获取要导出的DOM
    //   const rect = document.getElementById('iklDetailAll').getBoundingClientRect()
    //   html2canvas(document.getElementById('iklDetailAll'), {
    //     width: rect.width,
    //     height: rect.height
    //   }).then(function (canvas) {
    //     const pageData = canvas.toDataURL('image/jpeg', 1.0)
    //     const imgData = pageData.replace('image/jpeg', 'image/octet-stream')
    //     const imgName = '生成图片.jpg'
    //     const save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a')
    //     save_link.href = imgData
    //     save_link.download = imgName
    //     const event = document.createEvent('MouseEvents')
    //     event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
    //     save_link.dispatchEvent(event)
    //   })
    //
    // },3000)

 

标签:截图,document,false,image,功能,js,link,const,save
From: https://www.cnblogs.com/myqinyh/p/16834723.html

相关文章

  • 面试题 JS 不能不会的内容
    原博客地址01、描述事件冒泡的流程,可画图考察点:事件基础知识参考答案://基于DOM树结构,事件会顺着触发元素向上冒泡//阻止冒泡event.stopPropagation();点击一个......
  • js中的数据类型
    JS中有哪些数据类型开头JS中的数据类型可以分为基本数据类型和引用数据类型基本数据类型主要有:Number、String、Boolean、Null、Undefined、ES6新增的Symbol以及ES10新......
  • js 深拷贝的四种方式
    第一种:JSON.stringify()letobj={username:admin,password:"123456"}//先转为json格式字符,再转回来letnewObj=JSON.parse(JSON.stringify(obj));obj.password=MD5(o......
  • 前后端分离项目(七):实现"添加用户"功能(前端视图)
    好家伙, 我们要实现"注册添加用户"功能老样子我们先来理清一下思路,现在,我是一个用户,我来到了注册页面,然后,我要把老样子,我们先去饿了么偷点东西   拿个......
  • 快速初始化golang和nodejs
    文档说明:只记录关键地方;试验环境:webIDEvscode网页版code-server目标:webIDE终端里能快速使用golang,nodejs,python3,pip3test!-f/etc/apt/source.list.sa......
  • json类型数据取出想要的部分
    因为才疏学浅,只能用很笨的方法。以下是我拿到的数据的json型数据。{"result":{"ingredient":{"result":[{"score":0.9999989,"name":"香蕉"},{"score":7.754284E-7,"name......
  • 【JS】函数的prototype属性
     函数中的prototype属性        1.函数中prototype属性的值是一个对象或null,默认只有一个constructor属性指向函数本身。        2.......
  • 如何用webgl(three.js)搭建一个3D库房,3D仓库3D码头,3D集装箱,车辆定位,叉车定位可视
    序又是快两个月没写随笔了,长时间不总结项目,不锻炼文笔,一开篇,多少都会有些生疏,不知道如何开篇,如何写下去。有点江郎才尽,黔驴技穷的感觉。写随笔,通常三步走,第一步,......
  • 微信小程序WXS功能模块
    好久没有看微信小程序的官方文档了,最近在开发个人小程序时,才发现WXS功能。有点跟不上节奏了!WXS模块代码可以写在WXML文件中的标签内,或者是以.wxs为后缀的文件内。每一个.w......
  • JSONObject没有parseObject方法
    一定是你引入的包不对,你把上面的import删掉,重新导入包就可以了。在这之前加入依赖:`net.sf.json-libjson-lib2.4<dependency><groupId>com.alibaba</groupId>......