didi / LogicFlow

A flow chart editing framework focusing on business customization. 专注于业务自定义的流程图编辑框架,支持实现脑图、ER图、UML、工作流等各种图编辑场景。
https://site.logic-flow.cn
Apache License 2.0
8.49k stars 1.12k forks source link

[Bug report]导出图片 Snapshot,不支持使用了iconfont的svg图标 #1171

Closed zengguangzhong closed 1 year ago

zengguangzhong commented 1 year ago

问题描述

请用简洁的语言描述你遇到的 bug,至少包括以下部分,如提供截图请尽量完整:

  1. 问题触发的条件,如何复现 当节点里使用了阿里的iconfont svg图标,在使用Snapshot导出图片的时候,svg图标消失了。原因是: image svg.cloneNode 克隆的时候把 shadowDom 忽略了。

  2. 期望的表现:期望导出如下图 image

  3. 实际的表现:svg图标不见了 image

demo地址: https://codesandbox.io/s/logicflow-base7-forked-8zxt5d?file=/step7/index.js

相关信息 context

LogicFlow Version: 1.2.7

wumail commented 1 year ago

zengguangzhong

可以考虑先用html2canvas解决问题