cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Anonymous
Not applicable

SVG images not displaying in PDF (OneDrive Convert File action)

Although the OneDrive "convert file" action to convert HTML to PDF appears to be working again for some images, SVG images are still not displaying. They display correctly when the HTML file is opened with any browser I've tested so far, so I'm reporting this as a bug.

 

Unless there's some kind of trick to handling SVG's.

I've tried both <img> tags linking to SVG files, and embedding base64-encoded SVGs within <img> tags. Jpegs seem to show up when embedded inline but not when linked, so embedding seems like it should work. Here's the format of my HTML:

 

<img src='data&colon;image/svg+xml;base64,(base64-encoded SVG)' />

 

Is anyone having the same issue, or has anyone successfully been able to display an SVG in a PDF with the OneDrive convert file action?

3 REPLIES 3
v-yuazh-msft
Community Support
Community Support

Hi @Anonymous,

 

Could you please share a screenshot of the configuration of your flow?

Could you please share more details about the SVG image?

 

Please share more details so we would try to provide a proper workaround for you.

 

Best regards,

Alice

Anonymous
Not applicable

These formulas are basically the same, just with different variables, for all of the following steps.These formulas are basically the same, just with different variables, for all of the following steps.Flow2.pngFlow3.pngFlow3.5.pngFlow4.pngFlow2.pngFlow2.5.pngTrigger the flow from this listTrigger the flow from this listhtml file created in OneDrive, opened in browser. This is what I want to make printable.html file created in OneDrive, opened in browser. This is what I want to make printable.pdf downloaded from the e-mail :(pdf downloaded from the e-mail 😞I edited this post a bunch of times. It's really tough to get everything in order in this editor, and apparently impossible to magnify images greater than one screen height. I know there are some extra screenshots posted at the bottom. I think you can figure out what the setup is, though, and hopefully see everything.

I can re-post if you're confused.

Thanks.

Anonymous
Not applicable

Spent all morning trying to do a workaround based on tables with inline PNG's of the data bars scaled to a dynamic width.

This was the best I could come up with:tables.PNG

 

It gets worse. Here's how that renders in browser:

Almost looks correctAlmost looks correct

Here's what it looks like if I paste the exact same HTML into an e-mail:

 

Outlook desktopOutlook desktop

In Outlook webappIn Outlook webappWhat standards does this HTML rendering engine support? What standards does Outlook Desktop app and Outlook Webapp support? It's very difficult to design content without knowing what's supported.

Helpful resources

Announcements
UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

M365 768x460.jpg

Microsoft 365 Collaboration Conference | December 7–9, 2021

Join us, in-person, December 7–9 in Las Vegas, for the largest gathering of the Microsoft community in the world.

Top Solution Authors
Top Kudoed Authors
Users online (2,708)