前端导出word文件,并包含导出Echarts图表等

news/2025/2/22 11:17:32/

 基础导出模板

javascript">    const html = `<html><head><style>body {font-family: 'Times New Roman';}h1 {text-align: center;}table {border-collapse: collapse;width: 100%;color: '#1118FF';font-weight: 600;}th,td {border: 1px solid black;padding: 8px;text-align: left;}</style></head><body><div style="font-size: 20px;font-weight: 600;margin-bottom: 20px;margin-left: 15px;">附件:孜然卷测试问题主要问题汇总</div><table><thead><tr><th>科室</th><th>住院号</th><th>问题</th><th>管床医生</th><th>扣分</th></tr></thead><tbody><tr><th>孜然卷科室test1</th><th>住院号test1</th><th>问题test1</th><th>管床医生test1</th><th>扣分test1</th></tr></tbody></table></body></html>`;const blob = new Blob([html], {type: 'application/msword',});const link = document.createElement('a');link.download = `2025年2月导出.doc`;link.href = URL.createObjectURL(blob);link.click();

其中如果要加入Echarts图表,则需在创建Echarts图表时,将其myChartWord保存

在需要引用图片时 使用上面保存的myChartWord的getDataURL()函数
<img src=${this.state.myChartWord.getDataURL({ pixelRatio: 2, backgroundColor: '#fff' })}/>


http://www.ppmy.cn/news/1574140.html

相关文章

一周学会Flask3 Python Web开发-response响应格式

锋哥原创的Flask3 Python Web开发 Flask3视频教程&#xff1a; 2025版 Flask3 Python web开发 视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili 在HTTP响应中&#xff0c;数据可以通过多种格式传输。大多数情况下&#xff0c;我们会使用HTML格式&#xff0c;这也是Flask中…

android调用ffmpeg解析rtsp协议的视频流

文章目录 一、背景二、解析rtsp数据1、C层功能代码2、jni层的定义3、app层的调用 三、源码下载 一、背景 本demo主要介绍android调用ffmpeg中的接口解析rtsp协议的视频流&#xff08;不解析音频&#xff09;&#xff0c;得到yuv数据&#xff0c;把yuv转bitmap在android设备上显…

安全面试1

目录 渗透的流程信息收集如何处理子域名爆破的泛解析问题泛解析判断泛解析的存在处理泛解析的策略 如何绕过CDN查找真实ipphpinfo中常见的敏感信息权限维持Windows 权限维持Linux 权限维持技术跨平台权限维持技术检测和防御 输出到href的XSS如何防御samesite防御CSRF的原理Same…

deepseek本地调用

目录 1.介绍 2.开始调用 2.1模型检验 2.2 通过url调用 3.总结 1.介绍 这篇博客用来教你如何从本地调用ollama中deepseek的模型接口&#xff0c;直接和deepseek进行对话。 2.开始调用 2.1模型检验 首先要保证ollama已经安装到本地&#xff0c;并且已经下载了deepseek模型…

Dify怎么创建数据交易的智能体

Dify怎么创建数据交易的智能体 Dify是一个低代码AI应用开发平台,能帮助你快速创建智能体。以下是使用Dify创建一个数据定价智能体的大致步骤和示例: 1. 注册与登录 首先,访问Dify官网(https://dify.ai/ ),完成注册并登录到你的账号。 2. 创建新项目 登录后,点击创建…

CSS定位全解析:position属性详解与应用场景

在网页布局中&#xff0c;CSS定位是实现元素精准控制的关键技术之一。通过position属性&#xff0c;我们可以将元素放置在页面的任何位置&#xff0c;并控制其相对于其他元素的行为。本文将深入解析position属性的各个取值及其应用场景&#xff0c;帮助你掌握CSS定位的精髓。 …

Springboot应用开发工具类整理

目录 一、编写目的 二、映射工具类 2.1 依赖 2.2 代码 三、日期格式 3.1 依赖 3.2 代码 四、加密 4.1 代码 五、Http请求 5.1 依赖 5.2 代码 六、金额 6.1?代码 七、二维码 7.1 依赖 7.2 代码 八、坐标转换 8.1 代码 九、树结构 9.1?代码 9.1.1 节点 …

RV1126解码—ffmpeg_read_thread线程的讲解

fmpeg_read_thread线程的用处 解码这一块&#xff0c;在第一篇的时候就看到了&#xff0c;有三个线程&#xff0c;这篇先介绍一个线程的作用是怎么样的。 ffmpeg_read_thread线程的主要作用是读取每一帧流媒体文件&#xff0c;这个流媒体文件可以是复合流文件。如&#xff1a;T…