WPFでsvgファイルのアイコンを表示し、ウィンドウサイズに追従させたい

[開発環境]
・Visual Studio
・WPFアプリ(.NET Framework C#)

[やりたいこと]
WPFでウィンドウサイズに応じてGridの大きさが可変するようにしました。
そのGrid上の画像も一緒に可変したいのですが、下記の方法ではうまくいきませんでした。
考え方や、そもそも方向性が間違っていれば教えていただけないでしょうか？

[ここまでやったこと]
伸縮してもキレイになるようにSVGを使うべきだと考えました。
ただそのままでは使えないようなので、フリーのSVG素材をInkScapeでXAML形式に変換。（下記コード）
そのCanvas部分をGridに貼りつけました。
その後、デザイナでCanvasをButtonにアンカーしたのですが大きさが変わりません。

【xaml変換後データ】

<?xml version="1.0" encoding="UTF-8"?>  <Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Name="svg23" Width="24" Height="24"> <Canvas.RenderTransform> <TranslateTransform X="0" Y="0"/> </Canvas.RenderTransform> <Canvas.Resources/>  <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path19" Data="M0 0h24v24H0z"/> <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path21" Fill="#FF000000" Data="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/> </Canvas>

【ソースへ貼り付けた状態（抜粋）】
<Grid>
<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Name="svg23" Margin="2">
<Canvas.RenderTransform>
<TranslateTransform X="0" Y="0"/>
</Canvas.RenderTransform>
<Canvas.Resources/>

<Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path19" Data="M0 0h24v24H0z" Margin="0"/>
<Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path21" Fill="Tomato" Data="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z" Stretch="Fill" Margin="0"/>
</Canvas>
</Grid>

行動規範の内容に同意します

回答1件

ベストアンサー

アンカーの意味がちょっと分かりませんが大きさを可変にしたいということであれば、Canvasのサイズを入れたうえでViewboxにくるんでください。

xml
1<Window
2  x:Class="Qor75si7rjy4frw.MainWindow"
3  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5  Width="800"
6  Height="500">
7  <UniformGrid Columns="2">
8
9    <GroupBox Header="original">
10      <Canvas
11        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
12        Name="svg23"
13        Width="24"
14        Height="24">
15        <Canvas.RenderTransform>
16          <TranslateTransform X="0" Y="0" />
17        </Canvas.RenderTransform>
18        <Canvas.Resources />
19        <!--  Unknown tag: sodipodi:namedview  -->
20        <Path
21          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
22          Name="path19"
23          Data="M0 0h24v24H0z" />
24        <Path
25          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
26          Name="path21"
27          Data="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"
28          Fill="#FF000000" />
29      </Canvas>
30    </GroupBox>
31
32    <GroupBox Header="Viewbox">
33      <Viewbox>
34        <Canvas Width="24" Height="24">
35          <Path Data="M0 0h24v24H0z" Fill="Gainsboro" />
36          <Path Data="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z" Fill="Tomato" />
37        </Canvas>
38      </Viewbox>
39    </GroupBox>
40  </UniformGrid>
41</Window>