当前位置: 首页 > 知识库问答 >
问题:

vue.js - antv x6 导出成图片之后格式紊乱,部分样式丢失,求解决方案?

贾越
2024-03-29

antv x6 导出成图片之后格式紊乱,部分样式丢失,求解决方案
原本的样式:
image.png
导出之后的样式:
image.png

代码:

graph.toPNG(        datauri => {          DataUri.downloadDataUri(datauri, `${name}.png`)        },        {          backgroundColor: 'transparent',          quality: 1,          copyStyles: true,        },      )

注意:所以的元件是使用vue组件画的,不知道这个会不会影响

效果与画布效果一致

共有1个答案

傅琦
2024-03-29
import * as htmlToImage from 'html-to-image'const container = document.getElementsByClassName('x6-graph-svg')[1]htmlToImage.toPng(container as HTMLElement).then((dataUri) => {  console.log(dataUri) // data:image/png;base64,xxxx})
 类似资料:
  • 本文向大家介绍jquery mobile页面跳转后样式丢失js失效的解决方法,包括了jquery mobile页面跳转后样式丢失js失效的解决方法的使用技巧和注意事项,需要的朋友参考一下 用ajax跳转的时候,从a.html跳转到b.html后,b.html的css以及js都失效了。 方法: 将当前页面b.html需要用到的css以及js放在<page>div内。 原理: 由于jqm的ajax跳转

  • djiango项目部署到宝塔面板后样式丢失 解决问题

  • 本文向大家介绍解决django后台样式丢失,css资源加载失败的问题,包括了解决django后台样式丢失,css资源加载失败的问题的使用技巧和注意事项,需要的朋友参考一下 就像这个图的样子: 解决方法,setting.py中DEBUG选项为True,否则无法映射到静态文件目录 以上这篇解决django后台样式丢失,css资源加载失败的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望

  • 所以我在复制时排除了“表格单元格结束标记(看起来像太阳)”。然后它将只粘贴文本(没有表格,因为我不希望它这样做),但最后一段失去了样式。 如果我在表格单元格末尾添加一个额外的段落标记(按Enter)并复制没有“表格单元格结束标记”的单元格,它就像我不想做的一样工作...几乎。目标文档没有表(是!)而且所有段落都有正确的样式(是的!),但最后也有一个不必要的额外段落标记。当然还有表格单元格中多余的空

  • 本文向大家介绍解决PHP上传非标准格式的图片pjpeg失败的方法,包括了解决PHP上传非标准格式的图片pjpeg失败的方法的使用技巧和注意事项,需要的朋友参考一下 前一阵子网站新上了相册功能,可最近总发现有一些用户上传的图片文件链接失效,代码检查了很多次,测试也做的比较充分了,但还是会出现上传失败的问题,很是郁闷,今天终于找到了解决办法。 从备份源中找到了用户上传失败的JPG图片,进行上传测试,上

  • 本文向大家介绍解决PDF 转图片时丢文字的一种可能方式,包括了解决PDF 转图片时丢文字的一种可能方式的使用技巧和注意事项,需要的朋友参考一下 问题 Python 中 PDF 转图片一般用的是 pdf2image。有时我们会发现 PDF 转出来的图片都是空白,或者缺失了一些字,具体表现就是一些应该有字的区域是空白。 由于某些原因我不能把出现问题的文件放上来,不过大致就是这个情况。 主要的代码如下: