4

Как сделать круглый Image, чтобы картинка которую в него ложишь, обрезала все края которые за кругом? Если картинка большого размера, хочется чтобы она отрисовывала только центр картинки, и не отображала края. Пытаюсь сделать вот так, но такой эффект совсем не устраивает:

        <Border BorderBrush="#FF000000" BorderThickness="1,1,1,1" CornerRadius="50,50,50,50">
            <Image Width="100" Height="100" Source="image.jpg"></Image>
        </Border>

введите сюда описание изображения

1 ответ 1

8

Просто берите вместо картинки Ellipse, а картинку положите как Fill. Эллипс задаст форму, а картинка — заполнение.

<Ellipse Width="100" Height="100">
    <Ellipse.Fill>
        <ImageBrush ImageSource="Resources/bg.png" Stretch="UniformToFill"/>
    </Ellipse.Fill>
</Ellipse>

Результат:

круглая картинка

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.