Thank you for this! I was able to achieve what I wanted, but there is one q

Directory Svg Component
1

Thank you for this! I was able to achieve what I wanted, but there is one question left:

What is the best way to change Text dynamically?

I used this library to create some kind of circular display, showing a value like e.g CPU Usage in Percent.

Svg svg = new Svg();
Text value = Text("value","0%");

svg.add(value);

/* ... */

which creates the following structure in HTML:

<text id="value" text="0%">
	<tspan>0%</tspan>
</text>

Now when I update the value like this:

value.setText("20%");
svg.update(value);

the outcome is the following:

<text id="value" text="20%"> //text attribute changed to the correct value
	<tspan>0%</tspan>   //displayed text didn't update
</text>

Is that a bug or expected behaviour? What would you recommend to achieve what I want?

2

For now I solved this through a workaround by removing the text element from the svg and adding a new one with the updated value.