WPF用户头像裁剪器

最新推荐文章于 2023-02-14 23:00:37 发布

驚鏵

最新推荐文章于 2023-02-14 23:00:37 发布

阅读量237

点赞数 1

分类专栏： wpf 文章标签： wpf animation imagej canvas

本文链接：https://blog.csdn.net/yyanjinhua/article/details/116791047

版权

WPF实现头像裁剪

WPF开发者QQ群： 340500857

WPF开发者QQ群： 340500857

前言
需要做一个用户选择头像进行裁剪后保存。

效果预览：

在这里插入图片描述

代码如下：

<Grid>
        <Border x:Name="containerPanel">
            <Canvas x:Name="DrawCanvas"
                    VerticalAlignment="Center" 
                    Background="Transparent" 
                    Width="{Binding ElementName=containerPanel,Path=ActualWidth}"
                    Height="{Binding ElementName=containerPanel,Path=ActualHeight}">
                <Rectangle x:Name="rectImage" VerticalAlignment="Center" HorizontalAlignment="Center"
                           Width="{Binding ElementName=containerPanel,Path=ActualWidth}"
                           Height="{Binding ElementName=containerPanel,Path=ActualHeight}">
                    <Rectangle.Fill>
                        <ImageBrush ImageSource="{Binding ImageSource,RelativeSource={ RelativeSource AncestorType={x:Type local:ImageCutCustoms}}}"/>
                    </Rectangle.Fill>
                </Rectangle>
                <Rectangle VerticalAlignment="Center" HorizontalAlignment="Center"
                           Width="{Binding ElementName=rectImage,Path=ActualWidth}"
                           Height="{Binding ElementName=rectImage,Path=ActualHeight}"
                           Fill="#99000000"/>
                <Rectangle VerticalAlignment="Center" HorizontalAlignment="Center"
                           Width="{Binding ElementName=containerPanel,Path=ActualWidth}"
                           Height="{Binding ElementName=containerPanel,Path=ActualHeight}">
                    <Rectangle.Fill>
                        <