首页 > 其他分享 >使用js的html2canvas截图div并下载

使用js的html2canvas截图div并下载

时间:2023-03-14 13:35:22浏览次数:40  
标签:canvas image downloadLink 截图 js html2canvas div document

暂未完赛,请继续加油吧-

测试截图 ``` function getScreenShot(){ html2canvas(document.querySelector("#canvas")).then(canvas => { // document.body.appendChild(canvas) var t = canvas.toDataURL().replace("data:image/png;base64,", ""); downloadBase64File('image/png',t,'image'); }); } function downloadBase64File(contentType, base64Data, fileName) { const linkSource = `data:${contentType};base64,${base64Data}`; const downloadLink = document.createElement("a"); downloadLink.href = linkSource; downloadLink.download = fileName; downloadLink.click(); } ```

标签:canvas,image,downloadLink,截图,js,html2canvas,div,document
From: https://www.cnblogs.com/wangzhaobo/p/17214628.html

相关文章

  • 易语言 精易模块 操作json数据
    1单一键值对json原始数据{"status":200,"results":"success"}.版本2.支持库spec.局部变量bool,逻辑型.局部变量json,类_jsonbool=json.解析(到文本(读入......
  • json-diff简单使用
    一、摘要今天推荐的是一款java中,对比两个json-diff对象是否一致的工具包json-diff`。他可以对比任何结构的两个json数据,并且将其中的不一致信息反馈给用户。工具还内置......
  • xml,nodejs处理成json格式
    <ns:selectLineInfoResponsexmlns:ns="http://service"><ns:return>用户名或密码不正确!</ns:return></ns:selectLineInfoResponse>nodejs如何处理成json格式......
  • 第129篇:JS模块化开发
    好家伙,本篇为《JS高级程序设计》第二十六章“模块”学习笔记 JS开发会遇到代码量大和广泛使用第三方库的问题。解决这个问题的方案通常需要把代码拆分成很多部分,然后......
  • FastJson 反序列化漏洞原理分析
    Fastjson简介fastjson框架:https://github.com/alibaba/fastjsonfastjson-jndi:https://github.com/earayu/fastjson_jndi_pocfastjson是阿里巴巴开发的java语言编写的......
  • angularJs模块对象,常用指令
    同一个模块中生成两个作用域对象,数据显示相互不影响  <!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title>模块对象测试</title> </head> <bod......
  • Educational Codeforces Round 105 (Rated for Div
    EducationalCodeforcesRound105(RatedforDiv.2)ABCString给定一个字符串只有A、B和C构成。要求替换A、B、C为')'和'(',并且相同字母替换的是一样的,使得字符串变......
  • NodeJS开发服务端实现文件上传下载和数据增删改查
    本文主要讲解已NodeJS作为服务器完成文件的上传下载和数据增删改查,前端框架为Vue3,UI框架为element-plus,Node版本为V16.14.2. 项目场景模拟是开发一个项目管理的系统,支持......
  • js事件的防抖和节流处理
    1.为什么需要处理?在进行窗口的resize、scroll、输出框内容校验等操纵的时候,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常之差。那么为了前端性......
  • 使用jsoup抓取和解析网页数据
    ​如果您觉得本博客的内容对您有所帮助或启发,请关注我的博客,以便第一时间获取最新技术文章和教程。同时,也欢迎您在评论区留言,分享想法和建议。谢谢支持!一、jsoup是什么,它的......