antv x6 导出成图片之后格式紊乱,部分样式丢失,求解决方案?-灵析社区

Fiona

antv x6 导出成图片之后格式紊乱,部分样式丢失,求解决方案 原本的样式: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241005/50c3dd22feec87cf386e7a08df4bce0d.png) 导出之后的样式: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241005/302fb7ee6a7cd6590d5418fc4ee53932.png) 代码: graph.toPNG( datauri => { DataUri.downloadDataUri(datauri, `${name}.png`) }, { backgroundColor: 'transparent', quality: 1, copyStyles: true, }, ) 注意:所以的元件是使用vue组件画的,不知道这个会不会影响 效果与画布效果一致

阅读量:191

点赞量:0

问AI
momo
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 })