search

dash14 / v-network-graph

An interactive network graph visualization component for Vue 3
https://dash14.github.io/v-network-graph/
MIT License
495 stars 44 forks source link

Icons of custom node not visible in downloaded SVG #9

Closed haeniya closed 2 years ago

haeniya commented 2 years ago

Hi,

First, thanks a lot for this awesome library.

I tried to create a custom node with icons as stated in the documentation: https://dash14.github.io/v-network-graph/examples/appearance.html#custom-node. Unfortunately, when trying to download the SVG as described in the docs (https://dash14.github.io/v-network-graph/examples/misc.html#get-the-content-as-svg-data), it seems that the icons are not visible in the downloaded SVG and the font is different.

Is there a way to somehow embed the styles into the downloaded SVG?

Thanks and best regards.

dash14 commented 2 years ago

Hi @haeniya,

Thank you very much for your feedback. This was a bug... Only the network graph part of the SVG was exported as download data, and other parts such as icon definitions were not included.

I just fixed it, please check a new version (v0.2.6).

Best regards,

haeniya commented 2 years ago

Hi @dash14

Thanks a lot for the quick reply and the fix. Tested it and everything works as expected now.

Thanks and BR