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

Question

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

导出之后的样式：

代码：

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

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

效果与画布效果一致

Answer 1

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

Answer 2

看下这篇文档：https://www.yuque.com/sxd_panda/antv/export