前端导出word文件，并包含导出Echarts图表等
- 电脑硬件
- 2025-08-25 06:27:01
基础导出模板 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' })}/>
前端导出word文件，并包含导出Echarts图表等由讯客互联电脑硬件栏目发布，感谢您对讯客互联的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人网站或者朋友圈，但转载请说明文章出处“前端导出word文件，并包含导出Echarts图表等”
