Rozciągnij obraz na płótnie

Question

Chciałbym mieć obraz wewnątrz płótna i dopasować go do okna. Gdy płótno jest puste, działa dobrze (płótno jest zmieniane w oknie), jednak gdy dodaję do niego obraz, płótno nie pasuje do okna, nawet jeśli mam rozciągnięty obraz "jednolity". I ilustruję to zachowanie poniżej. Używanie płótna jest niestety wymagane, ponieważ rysuję nad nim kształty. Masz jakieś pomysły?

Dobry

<Window x:Class="ImageCropper.Window3" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="Window3" Height="300" Width="300"> 
    <Border BorderThickness="3" BorderBrush="Red"> 
     <Canvas Background="Blue"> 
     </Canvas> 
    </Border> 
</Window> 

Bad

<Window x:Class="ImageCropper.Window3" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="Window3" Height="300" Width="300"> 
    <Border BorderThickness="3" BorderBrush="Red"> 
     <Canvas Background="Blue"> 
      <Image Source="asd.png" Stretch="Uniform" /> 
     </Canvas> 
    </Border> 
</Window> 

Answer 1

Nie sądzę odcinek wor ks bardzo dobrze z płótnem. Zobacz tę odpowiedź: https://stackoverflow.com/a/6010270/93233

Jednak udało mi się zmusić go do pracy z następującymi zasadami:

<Border BorderThickness="3" BorderBrush="Red"> 
    <Canvas Background="Blue" Name="canvas1"> 
     <Image Source="asd.png" Width="{Binding Path=ActualWidth, ElementName=canvas1}" Height="{Binding Path=ActualHeight, ElementName=canvas1}" Stretch="Uniform"/> 
    </Canvas> 
</Border>