Xaml, wpf положение изображения и проблема обрезки

Question

У меня есть изображения шириной 600 пикселей и высотой 600 пикселей. у нас есть три размера кругов. у всех есть центр посередине. У некоторых есть отражение как тень под ним. Я хотел бы обрезать изображение для отображения.

Таким образом, самый большой круг, как показано выше, имеет диаметр около 500 пикселей, но средний и маленький имеют меньше. Я знаю в коде, какой размер у меня типа объекта Product, Из-за различий в размерах я должен разместить их по-разному и использовать три изображения-заполнителя, например:

<Image x:Name="imgCoinHolderSmall"      
       HorizontalAlignment="Center" 
       Margin="0,495,0,0" 
       VerticalAlignment="Top" 
       Stretch="Fill" 
       Width="200" 
       Height="200"/>
<Image x:Name="imgCoinHolderMedium"     
       HorizontalAlignment="Center" 
       Margin="0,510,0,0" 
       VerticalAlignment="Top" 
       Stretch="Fill" 
       Width="200" 
       Height="200"/>
<Image x:Name="imgCoinHolderLarge"      
       HorizontalAlignment="Center" 
       Margin="0,520,0,0" 
       VerticalAlignment="Top" 
       Stretch="Fill" 
       Width="200" 
       Height="200"/>

Поэтому я могу изменить свойства изображения так, чтобы оно не отображало красную часть этого снимка экрана:Кстати, я не отображаю изображения в их исходном размере (как вы можете видеть в коде xaml), я установил ширину 200. Это просто отображение, мне не нужно хранить новое изображение. Я хотел бы сделать это на лету, предпочтительно путем настройки свойств изображения в xaml. (для всех трех размеров кругов)

Использует CroppedBitmap лучший подход? http://msdn.microsoft.com/en-us/library/ms752345.aspx это для Windows RT, кстати.

Answer 1

Одним из вариантов будет использование обтравочной маски:

<Image Source="MyImage.jpg">
    <Image.Clip>
        <RectangleGeometry Rect="10,10,80,80"></RectangleGeometry>
    </Image.Clip>
</Image>

Прямоугольная структура принимает значения X,Y, Width и Height, которые вы должны установить в зависимости от вашего изображения.