Image with data URI containing SVG does not render

Question

When I use image in a description that has SVG image encoded in data URI, PlantUML renders "(cannot decode)" instead of the image:

• using PNG in data URI works: <img:data:image/png;base64,...>
• using SVG in external file works: <img:file.svg> (PlantUML Web Server - view as SVG)
• using SVG in data URI does not work: <img:data:image/svg+xml;base64,...> (view as SVG)

The data URI is encoded correctly and is displayed correctly when using in web browser. The SVG content is same as in the case with external file, so PlantUML should be able to render it correctly.

Could you please look into this?

Example:

@startuml
rectangle "<img:data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9InNoYXBlcyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIzMDkuMjg2cHgiIGhlaWdodD0iMjk1cHgiIHZpZXdCb3g9IjAgMCAzMDkuMjg2IDI5NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzA5LjI4NiAyOTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KDQo8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgDQogICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOjUwMHB4KSB7DQoJCSNzdGFyIHsNCgkJCXN0cm9rZS13aWR0aDogMTBweDsNCgkJCXN0cm9rZTogI2U1ZmYxZjsNCgkJCWZpbGw6ICMwMDA7DQoJCQlmaWxsLW9wYWNpdHk6IC45Ow0KCQkJdHJhbnNpdGlvbjogYWxsIDUwMG1zIGVhc2Utb3V0Ow0KCQl9DQoJfQ0KDQoJQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNDUwcHgpew0KCQkjc3RhciB7DQoJCQlzdHJva2Utd2lkdGg6IDMwcHg7DQoJCQlzdHJva2U6ICM2OWY7DQoJCQlmaWxsOiAjZTVmZjFmOw0KCQkJZmlsbC1vcGFjaXR5OiAxOw0KCQkJdHJhbnNpdGlvbjogYWxsIDUwMG1zIGVhc2Utb3V0Ow0KCQl9CQkNCgl9DQoJDQoJQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNDAwcHgpew0KCQkjc3RhciB7DQoJCQlzdHJva2Utd2lkdGg6IDM5cHg7DQoJCQlzdHJva2U6ICNlNWZmMWY7DQoJCQlmaWxsOiAjZjNmOw0KCQkJdHJhbnNpdGlvbjogYWxsIDUwMG1zIGVhc2Utb3V0Ow0KCQl9CQkNCgl9DQoJDQoJQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMzUwcHgpew0KCQkjc3RhciB7DQoJCQlzdHJva2Utd2lkdGg6IDMzcHg7DQoJCQlzdHJva2U6ICNlNWZmMWY7DQoJCQl0cmFuc2l0aW9uOiBhbGwgNTAwbXMgZWFzZS1vdXQ7DQoJCX0JCQ0KCX0NCgkNCgkNCglAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAzMDBweCkgew0KCQkjc3RhciB7DQoJCQlzdHJva2Utd2lkdGg6IDI1cHg7DQoJCQlzdHJva2U6ICNlNWZmMWY7DQoJCQlmaWxsOiAjMDAwOw0KCQkJdHJhbnNpdGlvbjogYWxsIDUwMG1zIGVhc2Utb3V0Ow0KCQl9CQkNCgl9DQoJDQoJDQoJQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMjUwcHgpew0KCQkjc3RhciB7DQoJCQlzdHJva2Utd2lkdGg6IDE4cHg7DQoJCQlzdHJva2U6ICNlNWZmMWY7DQoJCQlmaWxsOiAjZmYwOw0KCQkJZmlsbC1vcGFjaXR5OiAuODU7DQoJCQl0cmFuc2l0aW9uOiBhbGwgNTAwbXMgZWFzZS1vdXQ7DQoJCX0JCQ0KCX0NCgkNCgkNCglAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAyMDBweCl7DQoJCSNzdGFyIHsNCgkJCXN0cm9rZS13aWR0aDogMTBweDsNCgkJCXN0cm9rZTogI2U1ZmYxZjsNCgkJCWZpbGw6ICMwMGM7DQoJCQlmaWxsLW9wYWNpdHk6IC44NTsNCgkJCXRyYW5zaXRpb246IGFsbCA1MDBtcyBlYXNlLW91dDsNCgkJfQkJDQoJfQ0KCQ0KCUBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDE1MHB4KXsNCgkJI3N0YXIgew0KCQkJc3Ryb2tlLXdpZHRoOiA1cHg7DQoJCQlzdHJva2U6ICNlNWZmMWY7DQoJCQlmaWxsOiAjOTBmOw0KCQkJZmlsbC1vcGFjaXR5OiAuODU7DQoJCQl0cmFuc2l0aW9uOiBhbGwgNTAwbXMgZWFzZS1vdXQ7DQoJCX0JCQ0KCX0NCg0KCUBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMHB4KXsNCgkJI3N0YXIgew0KCQkJc3Ryb2tlLXdpZHRoOiAwcHg7DQoJCQlzdHJva2U6ICNlNWZmMWY7DQoJCQlmaWxsOiAjMDAwOw0KCQkJZmlsbC1vcGFjaXR5OiAuMjsNCgkJCXRyYW5zaXRpb246IGFsbCA1MDBtcyBlYXNlLW91dDsNCgkJfQ0KCX0NCgkNCgkNCiAgPC9zdHlsZT4NCjwvZGVmcz4NCg0KPHBvbHlnb24gaWQ9InN0YXIiIHBvaW50cz0iMjQzLjEwOSwyODUuMDA3IDE1Mi4zNCwyMzcuMjQyIDYxLjUzNCwyODQuOTM4IDc4LjkxMiwxODMuODUgNS40OTEsMTEyLjIyNyAxMDcsOTcuNTE3IA0KCTE1Mi40MjksNS41NTYgMTk3Ljc4OCw5Ny41NTIgMjk5LjI4NiwxMTIuMzQgMjI1LjgxLDE4My45MDcgIi8+DQo8L3N2Zz4NCg==>"
@enduml

Answer 1

Thanks for the feedback !

This is fixed in last beta http://beta.plantuml.net/plantuml.jar

Tell us if you find other issue.

PS: Your SVG file is really nice :-)

Comments

Wow, what can I say - awesome!

I verified it works with beta, which makes my tool work without extra step of generating separate files in temporary directory.

Thanks!

---

I am sorry to bother you, but I cannot get any SVG images to display. Neither as sprites, nor as <img ...> inlines. Neither as files nor as data URIs. If I substitute a PNG, things work just fine each time. I tried various SVGs, like https://commons.wikimedia.org/wiki/File:Test.svg, but never got any to render.

So, as an experiment, I tried to render the above example, but this also gives me a blank rectangle: in effect, it recognizes the size of the element but does not render it. If I render with -tsvg I can see the outline of a star, but when rendering to PNG, only a large-ish yellow rectangle appears.

I have tried with the current beta version of plantuml.jar (1.2021.01beta5), with the current stable version (1.2021.0) and with older versions (like 1.2020.24). I ran it on OpenJDK version 11.0.9.1, 2020-11-04, as well as  15.0.2, 2021-01-19. I use dotviz 2.44.1, but allways get the same result. I use -verbose, but get no stack traces or similar hints.

I tried pasting the above example into the demo server at www.plantuml.com, which will not accept it.

I am not sure what I am doing wrong. Help!

---

Hi @Martin,

I exported it as svg and it was working. If I export it as png only rectangle was displayed:

BR Helmut

export svg: http://www.plantuml.com/plantuml/svg/5Sr93i8m343HVK-1ka_2iAiGwbKokC6YTi1sG71wslMN_flLebYdTH385hckS1YlI7Mwcpsd40fGKs-uB96_AKdxiC-DmlbukWI2Wj6zEWY2EdrNbs9-L6cTYrFyGTZtVWktSPY1omRz0G00

export png: http://www.plantuml.com/plantuml/png/5Sr93i8m343HVK-1ka_2iAiGwbKokC6YTi1sG71wslMN_flLebYdTH385hckS1YlI7Mwcpsd40fGKs-uB96_AKdxiC-DmlbukWI2Wj6zEWY2EdrNbs9-L6cTYrFyGTZtVWktSPY1omRz0G00

export uml: http://www.plantuml.com/plantuml/uml/5Sr93i8m343HVK-1ka_2iAiGwbKokC6YTi1sG71wslMN_flLebYdTH385hckS1YlI7Mwcpsd40fGKs-uB96_AKdxiC-DmlbukWI2Wj6zEWY2EdrNbs9-L6cTYrFyGTZtVWktSPY1omRz0G00