思享工具箱

WPF 2D绘图(1)Shape

摘要：
Shape画图形特点:使用XAML输出继承自FrameworkElement的,因此拥有了众多的属性和事件1.Ellipse˂Ell
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图形

标签：#canvas#top#wpf#stroke#black | 浏览：279 | 发布日期：

免责声明：文章转载自《WPF 2D绘图(1)Shape》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

上篇uni-app 数据缓存（setStorage）ubuntu 设置静态ip下篇

宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=

相关文章

WPF 客户端浏览器 添加Loading加载进度

在windows开发界面时，使用浏览器来请求和显示网页内容，是比较常见的。 但是在请求网页内容时，因网速或者前端功能复杂加载较慢，亦或者加载时遇到各种问题，如空白/黑屏/加载不完整/证书问题等。 因此需要一个加载进度/加载失败的显示界面。 加载进度显示 界面显示 1. 界面显示，加载进度样式可参考: 绕圈进度条 2. 添加Loading状态枚举。不加载/加...

WPF的DataGrid用法

前几天打算尝试下DataGrid的用法，起初以为应该很简单，可后来被各种使用方法和功能实现所折磨。网络上的解决方法太多，但也太杂。没法子，我只好硬着头皮阅览各种文献资料，然后不断的去尝试，总算小有成果。因此，把我学到的和大家分享一下，相信这篇文章会让你再很短的时间内学会DataGrid的大部分主要功能，而且很多难点都可以在里面找到解决方案。 由于涉及的应...

解决html5 canvas 绘制字体、图片与图形模糊问题

html5 canvas 绘制字体、图片与图形模糊问题 发生情况 多出现在高dpi设备，这意味着每平方英寸有更多的像素，如手机，平板电脑。当然很多高端台式电脑也有高分辨率高dpi的显示器。 canvas在浏览器中的缩放原理 如果没有设置style那么就以html的属性width，height作为尺寸。 如果设置了style中的width、height，那么...

wpf mvvm datagrid DataGridTemplateColumn的绑定无效的可能原因之一！

昨天在mvvm wpf的开发中遇到一个问题，绑定不起作用，编辑阶段没问题也没有提示找不到对应的绑定，但是在运行之后却不起作用，查了很多资料，说法不一，有些是要删除datagrid的一行，直接绑定delete即可，但是我要绑定的是viewmodel的command，最终解决问题了，特分享如下（已解决）： view： <DataGrid ItemsSou...

WPF中为窗体设置背景图片

在WPF应用程式中，我们往往想为一个窗体设置一个中意的背景图，而不是单独的为这个Background设置成某种颜色或渐变颜色的背景。 在WPF 利用Expression Blend工具如何达到这种效果呢?比如我们想做一个登陆窗体界面，界面效果如下图所示： 下面我就大概说下过程，首页建立一个工程为WpfLoginView,并在Expression Blen...

android性能优化练习:过度绘制

练习:https://github.com/zhangbz/AndroidUIPorblems 查看过度绘制 在开发者选项中开启"调试GPU过度绘制" 判断标准 无色:没有过度绘制,即只绘制了一次 蓝色:一倍过度绘制 绿色:二倍过度绘制 淡红色:三倍过度绘制 红色:四倍或以上过度绘制 实践 其中"This is test"四次或以上倍数过度绘制,其背景三...

最新文章

随机推荐

思享工具箱导航