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

通过window.open打开新的页面并修改样式添加内容

 const img = new Image();

                        img.src = res;   //res是图片的路径地址

                        const newWin = window.open('', '_blank');

                        newWin.document.write(img.outerHTML);

                        // newWin.document.body.style.background = '#000';

                        newWin.document.body.style.textAlign = 'center';

                        newWin.document.body.onclick = function () {

                            const a = document.createElement('a');

                            const filename = 'waterMark.jpeg';

                            a.href = res;

                            a.download = filename;

                            document.body.appendChild(a);

                            a.click();

                            setTimeout(() => {

                                document.body.removeChild(a);

                            }, 1000);

                        };

                        newWin.document.title = '保存水印图片';

                        newWin.document.write('<div >手动下载图片</div>');

                        newWin.document.close();

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

相关文章:

  • Java中 Synchronized 的用法
  • Rust语言的基本介绍
  • 新冠小阳人症状记录
  • SQL零基础入门学习(十四)
  • Excel工作表不能移动或复制?看看是不是这两个原因
  • 利用递归实现括号匹配
  • 14.线程数量怎么制定?
  • C++中STL标准模板库学习记录
  • 《数据库系统概论》学习笔记——第六章 关系数据理论
  • Odoo | Webserivce | 5分钟学会【JSONRPC】接口开发
  • 搜广推 NeuralCF - 改进协同过滤+矩阵分解的思想
  • dbever连接kerberos认证的hive
  • pom依赖产生的各种问题
  • RPC编程:RPC框架设计目标
  • RBAC 权限模型介绍
  • 西电面向对象程序设计核心考点汇总(期末真题)
  • 判断一个用字符串表达的数字是否可以被整除
  • 这是一款值得开发人员认真研究的软件,数据库优化,应用服务器安全优化...
  • 栈与队列小结
  • SpringBoot整合(五)HikariCP、Druid数据库连接池—多数据源配置
  • ShardingSphere水平、垂直分库、分表和公共表
  • 《分布式技术原理与算法解析》学习笔记Day24
  • 强化学习RL 02: Value-based Reinforcement Learning
  • 08_MySQL聚合函数
  • 「TCG 规范解读」词汇表
  • 第三阶段-03MyBatis 中使用XML映射文件详解
  • 从0开始学python -41
  • 如何将Google浏览器安装到D盘(内含教学视频)
  • 三战阿里测试岗,成功上岸,面试才是测试员涨薪真正的拦路虎...
  • Java代码弱点与修复之——ORM persistence error(对象关系映射持久错误)