自学WPF--第二课2D绘图

来源：互联网发布：淘宝裂变是什么意思编辑：程序博客网时间：2024/06/05 15:34

如需要进行2D绘图，首先需要建立画板<Canvas></Canvas>
Canvas类：MSDN定义如下:定义一个区域，在该区域中可以使用相对于 Canvas 区域的坐标显式定位子元素。
<Ellipse></Ellipse>椭圆标记，可以进行椭圆的绘制<Rectangle></Rectangle>矩形标记，可以进行椭圆的绘制。
重要属性如下：Width(宽度),Height(高度),Stroke(笔触颜色，即线条粗细),StrokeThickness(笔触宽度),Fill(填充颜色)，Margin（标记距四边的距离）。
<Path>线条标记。特有属性：Data(设置各点坐标以M开始,Q表示圆弧形)
代码如下：
<Canvas Width="100" Height="100" Margin="50,50,50,50">
            <Ellipse Width="100" Height="100" Stroke="Black" StrokeThickness="6" Fill="Yellow"/>
            <Ellipse Width="10" Height="15" Stroke="Black" Fill="Black" Canvas.Left="28" Canvas.Top="28"/>
            <Ellipse Width="10" Height="15" Stroke="Black" Fill="Black" Canvas.Left="62" Canvas.Top="28"/>
            <Path Stroke="Black" StrokeThickness="6" Data="M30,60 Q50,90 70,60"/>
        </Canvas>
代码如下：
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:sys="clr-namespace:System;assembly=mscorlib" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
<Canvas Background="LightSteelBlue">
    <TextBlock FontSize="14" Canvas.Top="100" Canvas.Left="10">Hello World!</TextBlock>
    <TextBlock FontSize="22" Canvas.Top="200" Canvas.Left="75">Isn't absolute positioning handy?</TextBlock>
</Canvas>
</Page>