question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. ItΒ collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

SVG image support

See original GitHub issue
Release Renderer status Tasks status
Not scheduled πŸ”„ .NET (#2468)
πŸ”„ Android (#2469)
πŸ”„ iOS (#2470)
βœ”οΈ TS (#2471)
πŸ”„ UWP (#2228)
πŸ”„ Shared (#2467)
πŸ”„ Designer (#2543)

Summary

Many hosts and authors want to be able to use SVG images inside their cards. On most of our renderers, it isn’t supported. Note that TS/HTML already supports it.

Asks

  • Cortana
  • Sets
  • Action Center (Microsoft Teams and many more)
  • xinguohenan

Proposal

In the Image element, simply allow SVG image sources. Update the renderers to display those properly.

Property Type Description
url string The URL to the image. Can be SVG format.
{
  "type": "Image",
  "src": "https://contoso.com/sample-svg-image"
}

Open questions

Can UWP properly display the SVG without being told it’s a SVG? Or do we need the author to provide additional info?

Auto-generated task status

  • Shared
  • Designer
  • .NET
  • Android
  • iOS
  • TS
  • UWP

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:4
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

4reactions
klippas-robcommented, Dec 17, 2020

It’s been three long years - this feels like Waiting for Godot. What is the ETA?

2reactions
nayanaramakanthcommented, Mar 26, 2020

@andrewleader Is the SVG format supported for AdaptiveImage in Adaptive cards ? Please let know.

Read more comments on GitHub >

github_iconTop Results From Across the Web

SVG (basic support) | Can I use... Support tables for HTML5 ...
SVG (basic support). - CR. Method of displaying basic Vector Graphics features using the embed or object elements. Refers to the SVG 1.1...
Read more >
SVG as an Image - SVG: Scalable Vector Graphics | MDN
SVG images can be used as an image format, in a number of contexts. Browsers support SVG images in:
Read more >
SVG Support – WordPress plugin
Safely upload SVG files to your media library and use them like any other image. Now with optional sanitization! But SVG Support has...
Read more >
Wikipedia:SVG image support
Wikipedia:SVG image support ... This page is here as a placeholder for several pages about the Scalable Vector Graphics format in the Wikipedia...
Read more >
A Guide for SVG Support in Email
Let's see where we get the most support. SVG as Image Tag; SVG as Inline HTML; SVG as CSS Background Image; SVG as...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found