画笔概述/图像处理

图像处理分为

1. 拉伸图像：通过设置Streth属性实现图像的拉伸
2. 裁切图像：通过设置Clip属性裁切图像
3. 使用图像输入文字：ImageBrush元素实现使用图像输入文字

• 创建图像

可以使用Image或者ImageBrush对象来创建一副图像Image元素默认情况下会完整显示图片的大小

代码

  <Grid x:Name="ContentGrid">

        <Image Source="/Images/hmbb.jpg" />

</Grid>

这是没有设置图片大小的一个结果，它是默认的画布大小

效果图

• 拉伸图像

代码

<Grid x:Name="ContentGrid" Grid.Row="1">

        <Image Source="/Images/hmbb.jpg"  Width="500" Height="500" Stretch="None"/>

    </Grid>

通过设置图片的大小来进行拉伸处理，通过长、宽和位置的处理得出一个500的矩形图像。属性值、None是原始尺寸，Fill是填充

效果图

• 裁切图像

代码

 <Grid x:Name="ContentGrid" Grid.Row="1">

        <Image Source="/Images/hmbb.jpg" Width="500" Height="500"/>

        <Image.Clip>

            <RectangleGeometry Rect="50, 50 240, 240"/>

        </Image.Clip>

    </Grid>

使用了RectangleGeometry属性调整图片的位置

效果图

• 使用图像输入文字

代码

    <Grid x:Name="ContentGrid" Grid.Row="1">

        <TextBlock FontSize="150" FontStyle="Italic" FontWeight="Bold"> HAI

            <TextBlock.Foreground>

                <ImageBrush ImageSource="/Images/hmbb.jpg" />

            </TextBlock.Foreground></TextBlock>

    </Grid>

使用了TextBlock属性把图片和文字贴合

效果图

• 透明特效

代码

  <Grid x:Name="ContentGrid" Grid.Row="1">

        <Image Source="Images/hmbb.jpg" Width="500" Height="500" Opacity="0.5" />

    </Grid>

使用了Opacity属性，透明度为0.5

效果图