极客观点
项目管理
HarmonyOS
需求：项目里有个打印的功能，需要把打印的内容转换成图片或者pdf传给后端，后端拿来推送邮件。
技术：vue3 + html2canvas + printJS。
问题：网上查找到的相关方法都是什么了一大坨base64，体积太大110kb，甚至更多，不是很好的方案，有没有更好的方法？
参考网址：https://blog.nowcoder.net/n/a37d9b0407cc4d14a88166d202db8861
vue3 + html2canvas + print.js怎么把打印的内容转换成图片传给后台？
阅读 2.6k
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
vue3 实现一个列表水平居中的同时，可以左右滑动？
vue3 实现一个列表水平居中的同时，可以左右滑动？通过添加display: flex;justify-content: center; 实现了prize-pools-box中元素的居中，但是现在元素无法向左滚动了，vue3 想实现一个列表水平居中的同时，可以左右滑动？ 应该怎么改呢？这个功能需要适配低版本浏览器和低版本手机，有什么兼容的方法吗？3 回答3.3k 阅读✓ 已解决
多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？
比如：project1,project2项目的所有页面都是一样的，project1/src/a.vue和project2/src/a.vue只有几行代码不一样，可以通过判断处理，a.vue的其他代码怎么复用？4 回答1.9k 阅读✓ 已解决
为什么在.env中定义的变量没有生效?
复现.env {代码...} src/examples/Env.vue {代码...} package.json {代码...} 获取到的import.meta.env.VITE_TEST的值为undefined1 回答2.2k 阅读✓ 已解决
element-plus 的 el-radio-group 组件选中一个值之后通过selectedColor.value = ''无法取消选中？
期望的结果：element-plus 的 el-radio-group 组件选中一个值之后通过selectedColor.value = ''或其他方式可以取消选中2 回答2.5k 阅读✓ 已解决
怎么用Vue3和Element-Plus及手动写组件模仿一个网站的全站内容，要模仿的很像？
如果让你用Vue3和Element-Plus及手动写组件把[链接]这个网站完整的模仿下来，你会怎么做，预计需要多少时间完成。包括前端，后端（用nodejs的koa2框架），后台管理系统（用vue）。2 回答1.8k 阅读✓ 已解决
Vue中render函数挂载el-dialog到body但标签未解析问题？
参考element-plus的notification函数式调用实现准备自己搞个el-dialog函数式调用，但是使用vue里面导出的render后，可以成功挂载到body上，但是标签还是el-dialog，没有解析成div1 回答2.9k 阅读✓ 已解决
使用echart报Cannot read properties of undefined (reading 'type')报错，该如何解决？
复现封装了一个函数，用来管理echart实体的一些状态和操作 {代码...} 绘制一个简单的带有的滚动轴的折线图 {代码...} 但是当我滚动底部的滑轮的时候，会报错1 回答2.2k 阅读✓ 已解决
图片体积过大，这是因为toDataURL()方法默认生成的是PNG格式的图片，PNG格式的图片质量较高，体积大。你可以把图片格式改为JPEG，在设置一个质量参数，比canvas.toDataURL('image/jpeg', 0.8)，这样就可以减小生成图片的体积。转成 PDF 格式给后台或者用 canvas 绘制你的图片打印内容后，再把生成的图片进行压缩，传给后台