Silverlight learning notes basic controls (6)

Image:

<UserControl x: Class = "ImageDemo. MainPage"
Xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
Xmlns: x = "http://schemas.microsoft.com/winfx/2006/xaml"
Xmlns: d = "http://schemas.microsoft.com/expression/blend/2008"
Xmlns: mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
Mc: Ignorable = "d"
D: DesignHeight = "300" d: DesignWidth = "400">

<Grid x: Name = "LayoutRoot" Background = "White">
<ScrollViewer>
<StackPanel Orientation = "Vertical">

<Canvas Width = "200" Height = "200">
<Border BorderBrush = "Red" BorderThickness = "1">
<Image Source = "1135203.jpg" Cursor =" Hand "Width =" 100 "Height =" 100 "Stretch =" Fill "/>
</Border>
<TextBlock Canvas. Top = "100" Text = "Fill \ n Fill in the entire area"> </TextBlock>

</Canvas>
<Canvas Width = "200" Height = "200">
<Border BorderBrush = "Red" BorderThickness = "1">
<Image Source = "1135203.jpg" Width =" 100 "Height =" 100 "Cursor =" Hand "Stretch =" None "/>
</Border>
<TextBlock Canvas. Top = "100" Text = "None \ n display as the original image size"> </TextBlock>
</Canvas>
<Canvas Width = "200" Height = "200">
<Border BorderBrush = "Red" BorderThickness = "1">

<Image Source = "1135203.jpg" Width =" 100 "Height =" 100 "Cursor =" Hand "Stretch =" Uniform "/>
</Border>
<TextBlock Canvas. Top = "100" Text = "Uniform \ n maximum filling without changing the length/width ratio, but cannot exceed the boundary"> </TextBlock>
</Canvas>
<Canvas Width = "200" Height = "200">
<Border BorderBrush = "Red" BorderThickness = "1">

<Image Source = "1135203.jpg" Width =" 100 "Height =" 100 "Cursor =" Hand "Stretch =" UniformToFill "/>
</Border>
<TextBlock Canvas. Top = "100" Text = "UniformToFill \ n maximum filling without changing the length/width ratio. The section beyond the boundary is hidden"> </TextBlock>
</Canvas>

</StackPanel>
</ScrollViewer>
</Grid>
</UserControl>