draw.io SVG images aren't rendering properly in PDFs

[kito99]

The SVG version of newer diagrams that were recently added (see /src/modules/intro/images and /src/modules/security/images) look fine in a browser, but don't render properly in PDF format. See: https://jakartaee.github.io/jakartaee-documentation/jakartaee-tutorial/10/jakarta-ee-tutorial.pdf. We need to figure out what it is about the images that's causing the problem. I suspect it's the fact that I saved them via the "Editable SVG" feature rather than exporting as SVG (which offers more features). Here are the details from the contribution guide that explain how they were generated:

Diagram requirements

• Font must be 'Open Sans' conform the Jakarta EE Brand Usage Handbook. You can use Google Fonts for this. In case you're using draw.io:

  • Wherever you see a 'Font' dropdown, unfold it.
  • If there's no 'Open Sans' option, pick 'Custom'.
  • Choose the 'Google Fonts' option and set the font name to 'Open Sans' and apply.
  • Type text and verify that the font is Open Sans

• Font size for all text should be 12pt

• Color must be one of those defined in Jakarta EE Brand Usage Handbook, along with black and white (you can use opacity to affect the depth of the color).

  • Primary colors:
    • Blue: #1B208B
    • Orange: #F98200
    • Black: #3D3D3D
    • White: #FFFFFF
  • Secondary colors:
    • Yellow: #FDB940
    • Grey: #58595B
    • Dark blue: #131660

• Arrows must be Orange (#F98200)

• Background must be white (#FFFFFF)

NOTE: I tried changing the font to something boring like Helvetica. This worked better, but still didn't turn out right.

[rmccrear]

Hi, I'd love to pick up this issue. @kito99

[rmccrear]

I think I've found the issue. You have to Export as SVG. Don't just Save as... in drawio. (As you suspected.)

[kito99]

@rmccrear is this one ready to review?