欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 家装 > 前端导出word文件,并包含导出Echarts图表等

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

2025/2/23 14:25:55 来源:https://blog.csdn.net/M_E_i/article/details/145752628  浏览:    关键词:前端导出word文件,并包含导出Echarts图表等

 基础导出模板

    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' })}/>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词