antv x6 导出成图片之后格式紊乱，部分样式丢失，求解决方案？

作者站长头像
站长
· 阅读数 31

antv x6 导出成图片之后格式紊乱，部分样式丢失，求解决方案原本的样式：antv x6 导出成图片之后格式紊乱，部分样式丢失，求解决方案？导出之后的样式：antv x6 导出成图片之后格式紊乱，部分样式丢失，求解决方案？

代码：

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

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

效果与画布效果一致

回复
1个回答
avatar
test
2024-06-20
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
})
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容