如何在 c++/winrt UWP 应用程序中使用 SVG 图像？

Question

我已经能够在我的 UWP 应用程序中使用 C++/WinRT 以编程方式显示位图图像，但是我无法使用 SVG 图像。

下面是我能想到的最简单的例子。我创建了一个应用程序，我加载了一个 SVG 图像，我将它添加到应用程序 window 并激活了 window。我在下面提供了源代码和 SVG 文件。

一些注意事项：

应用程序运行，只是没有显示图像
我确保 SVG 文件符合 supported features in Windows
该文件在我的项目根文件夹中
以类似的方式加载位图没有问题
我尝试使用OpenFailed方法进行故障排除，但它提供的信息没有用

来源

#include "pch.h"


using namespace winrt;
using namespace winrt::Windows::ApplicationModel::Activation;
using namespace winrt::Windows::Foundation;
using namespace winrt::Windows::UI::Xaml;
using namespace winrt::Windows::UI::Xaml::Controls;
using namespace winrt::Windows::UI::Xaml::Media::Imaging;


struct App : ApplicationT<App>
{
    Image mImage;

    void OnLaunched(LaunchActivatedEventArgs const &)
    {
        //Load PNG image - WORKS
        //mImage.Source(BitmapImage(Uri(L"ms-appx:///sample.png")));

        //Load SVG image - FAILS
        mImage.Source(SvgImageSource(Uri(L"ms-appx:///sample.svg")));
        
        //Show image on screen
        Window window = Window::Current();
        window.Content(mImage);
        window.Activate();
    }

    static void Init(ApplicationInitializationCallbackParams const &)
    {
        make<App>();
    }
};

int WINAPI wWinMain(HINSTANCE, HINSTANCE, PWSTR, int)
{
    Application::Start(App::Init);
}

sample.svg

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="50"/>
</svg>

Answer 1

问题不在你的代码中，而是文件没有与应用程序内容一起复制。

在解决方案资源管理器中单击 sample.svg 文件并查看属性工具栏。您会看到 Content 设置为 False。您需要将其设置为 True，以便将文件与其他内容文件（例如图像）一起复制到输出文件夹（默认情况下这些文件为 Content，因此您不必这样做这个）。

如何在 c++/winrt UWP 应用程序中使用 SVG 图像？

How to use SVG images in c++/winrt UWP application?

c++

svg

uwp

c++-winrt

来源

sample.svg