search

microsoft / xaml-standard

XAML Standard : a set of principles that drive XAML dialect alignment
Other
808 stars 54 forks source link

SVG graphics in Images #53

Open SkyeHoefling opened 7 years ago

SkyeHoefling commented 7 years ago

When I add images in XAML it would be useful to support .svg images and specify the width and height. In several projects I have worked on WPF and Xamarin.Forms I have ran into the case where I was supporting several different types of images. If I could just add one .svg file it would cut down on size and help boost multi-device compatibility for my app.

<SvgImage Source="graphic.svg" Width="100" Height="100"></SvgImage>

birbilis commented 7 years ago

Can also convert beforehand to .xaml paths.

Fully supporting SVG might be too high a goal to have

RichiCoder1 commented 7 years ago

The UWP approach of allowing secure static mode rendering would probably be ideal.

ederbond commented 7 years ago

MSFT could buy the source code from http://www.vapolia.fr/ as well. Their SVG component Works perfectly on Xamarin.Forms

Odonno commented 7 years ago

@ahoefling Should it be better if it was handled by <Image /> control natively?

SkyeHoefling commented 7 years ago

@Odonno that is a great idea if we can support SVG. Since you can do a lot of manipulation on vector graphics I can find it being very useful to include them which will reduce having to have multiple different assets for different resolutions

birbilis commented 6 years ago

SVG is the de facto standard for vector graphics images, with ubiquitous authoring support and an ever-growing prominence on the web. With Windows 10 Creators Update, you can finally bring the convenience and efficiency of SVG images to your Windows app. Use XAML to draw SVG images with a single line of code, or use powerful new APIs in Direct2D to parse, render, and manipulate SVG images. In this presentation we cover what parts of SVG are supported; when to use SVG; and how to load, draw, and manipulate SVG images.

https://channel9.msdn.com/Events/Build/2017/P4078

a bit related too:

(Note: Starting in Windows 10 Creators Update, you can also achieve scalable vector iconography by using standalone SVG images directly in your XAML app. For more information, see Vector iconography: Using SVG images in your app.)

https://blogs.windows.com/buildingapps/2017/06/06/using-color-fonts-beautiful-text-icons