SVG image support
See original GitHub issueRelease | 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:
- Created 6 years ago
- Reactions:4
- Comments:8 (4 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Itβs been three long years - this feels like Waiting for Godot. What is the ETA?
@andrewleader Is the SVG format supported for AdaptiveImage in Adaptive cards ? Please let know.