zoukankan      html  css  js  c++  java
  • WPF 2D绘图(1)Shape

    Shape画图形

    image

    特点:

    1. 使用XAML输出
    2. 继承自FrameworkElement的,因此拥有了众多的属性和事件

    1.Ellipse

          <Canvas Height="200" Width="250"  HorizontalAlignment="Left">
    
            <Ellipse
              Width="100"
              Height="50"
              Fill="#CCCCFF"
              Canvas.Left="10"
              Canvas.Top="25" />
    
            <Ellipse
              Width="100"
              Height="50"
              Fill="#CCCCFF"
              Stroke="Black"
              StrokeThickness="4"
              Canvas.Left="10"
              Canvas.Top="100"/>
    
            <Ellipse
              Width="50"
              Height="50"
              Fill="#CCCCFF"
              Canvas.Left="135"
              Canvas.Top="25"/>
    
            <Ellipse
            Width="50"
            Height="50"
              Stroke="Black"
              StrokeThickness="4"
              Canvas.Left="135"
            Canvas.Top="100" />
    
          </Canvas>
    

    image

    2.Rectangles

     <Canvas Height="200" Width="250"  HorizontalAlignment="Left">
    
          <Rectangle
            Width="100"
            Height="50"
            Fill="#CCCCFF"
            Canvas.Left="10"
            Canvas.Top="25" />
    
          <Rectangle
            Width="100"
            Height="50"
            Fill="#CCCCFF"
            Stroke="Black"
            StrokeThickness="4"
            Canvas.Left="10"
            Canvas.Top="100"/>
    
          <Rectangle
            Width="100"
            Height="50"
            RadiusX="20"
            RadiusY="20"
            Fill="#CCCCFF"
            Canvas.Left="135"
            Canvas.Top="25"/>
    
          <Rectangle
          Width="100"
          Height="50"
          RadiusX="20"
          RadiusY="20"
            Stroke="Black"
            StrokeThickness="4"
            Canvas.Left="135"
          Canvas.Top="100" />
    
        </Canvas>
    

    image

    3.Polygon

    <Canvas Height="300" Width="270"  HorizontalAlignment="Left">
    
            <Polygon
              Points="10,110 60,10 110,110"
              Fill="#CCCCFF" />
    
            <Polygon
            Points="10,110 60,10 110,110"
              Fill="#CCCCFF"
              Stroke="Black"
              StrokeThickness="4"
              Canvas.Top="150" />
    
            <Polygon
            Points="10,110 110,110 110,10"
              Fill="#CCCCFF"
              Canvas.Left="150" />
    
            <Polygon
            Points="10,110 110,110 110,10"
            Stroke="Black"
            StrokeThickness="4"
              Canvas.Left="150"
              Canvas.Top="150" />
    
    
        </Canvas>
    

    image

    4.Polyline

    <Canvas Height="150" Width="300"  HorizontalAlignment="Left" 
          VerticalAlignment="Top">
    
              <Polyline
              Points="10,110 60,10 110,110"
                Stroke="Black"
                StrokeThickness="4" />
    
              <Polyline
              Points="10,110 110,110 110,10"
              Stroke="Black"
              StrokeThickness="4"
                Canvas.Left="150" />
        </Canvas>
    

    image

    5.Line

     <Canvas Height="100"  Width="250"  HorizontalAlignment="Left">
    
                <Line
                X1="10" Y1="10"
                X2="50" Y2="50"
                Stroke="Black"
                StrokeThickness="4" />
    
              <Line
                X1="10" Y1="10"
                X2="50" Y2="50"
                Stroke="Black"
                StrokeThickness="4"
                Canvas.Left="100" />
    
        </Canvas>
    

    image

    6.Path

    以上都是固定图形画法的封装,path可以画出任意2d图形

  • 相关阅读:
    centos7 做rails 执行rails server 报错
    centos 7 安装 rvm 超时
    centos7 打造基于python语言Selenium2自动化开发环境
    RubyMine8 安装
    linux 下安装 RZ SZ命令 以及使用
    centos 7.2 安装mysql 修改 初始密码
    win10系统配置FTP
    Windows环境安装MySQL8.0.11
    IntelliJ IDEA 2017 上传本地项目至码云
    IntelliJ IDEA 2017.3 搭建一个多模块的springboot项目(三)
  • 原文地址:https://www.cnblogs.com/Clingingboy/p/1885107.html
Copyright © 2011-2022 走看看