在好例子网,分享、交流、成长!
您当前所在位置:首页C# 开发实例C#图形和图像处理 → WPF贝塞尔曲线示例

WPF贝塞尔曲线示例

C#图形和图像处理

下载此实例
  • 开发语言:C#
  • 实例大小:0.99M
  • 下载次数:18
  • 浏览次数:159
  • 发布时间:2020-11-26
  • 实例类别:C#图形和图像处理
  • 发 布 人:LGY_585086
  • 所需积分:2
 相关标签: 贝塞尔曲线 wpf 示例 曲线 wp

实例介绍

【实例简介】一阶贝塞尔曲线 二阶贝塞尔曲线  三阶贝塞尔曲线
【实例截图】

【核心代码】

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Shapes;
using System.Globalization;

namespace BezierDemo
{
    /// <summary>
    /// 二阶贝塞尔
    /// </summary>
    public class MyBezier2 : UIElement,IDraw
    {
        public Point[] Points { get; set; }
        public double Time { get; set; }
        public MyBezier2()
            :this(new Point[]{
                 new Point(30, 45),
                new Point(100, 100),
                new Point(230, 170),
            })
        {
        }
        public MyBezier2(Point[] pts)
        {
            this.Points = pts;
            CompositionTarget.Rendering = CompositionTarget_Rendering;
        }

        private void CompositionTarget_Rendering(object sender, EventArgs e)
        {
            this.InvalidateVisual();
        }
        #region 变量
        #endregion
        #region 方法
        #endregion
        protected override void OnRender(DrawingContext drawingContext)
        {
            this.Time = 0.01;
            if(this.Time >= 1)
            {
                this.Time = 0;
            }
            this.DrawBezier(this.Points, drawingContext, Brushes.Black);
            Vector vt1 = this.Points[1] - this.Points[0];
            Point A = this.Points[0] vt1 * this.Time;//计算p0-p1上t比例的点

            Vector vt2 = this.Points[2] - this.Points[1];
            Point B = this.Points[1] vt2 * this.Time;//计算p1-p1上t比例的点

            Vector vt3 = B - A;
            Point aa = A vt3 * this.Time;//计算A-B上t比例的点,也就是贝塞尔曲线上的点
            List<Point> lst = new List<Point>()
            {
                A, B,aa,
            };
            foreach(Point pt in lst)
            {
                drawingContext.DrawEllipse(Brushes.Red, null, pt, 5, 5);
            }
            Pen pen = new Pen(Brushes.Red, 1);
            drawingContext.DrawLine(pen, A, B);
            #region 直接使用公式计算曲线上的点
            Point bb = this.GetBezierPoint();
            drawingContext.DrawEllipse(Brushes.Blue, null, bb, 5, 5);
            #endregion
            ///显示时间值
            FormattedText formattedText = new FormattedText("t:" this.Time.ToString("F2"), CultureInfo.CurrentCulture, FlowDirection.LeftToRight, new Typeface("宋体"), 20, Brushes.Black);
            drawingContext.DrawText(formattedText, this.Points[2]);
        }

        public void DrawBezier(Point[] pts, DrawingContext dc, Brush brush)
        {
            foreach(Point pt in pts)//绘制点
            {
                dc.DrawEllipse(brush, null, pt, 5, 5);
            }
            StreamGeometry sg = new StreamGeometry();
            StreamGeometryContext sgc = sg.Open();
            sgc.BeginFigure(pts[0], true, false);
            sgc.QuadraticBezierTo(pts[1], pts[2], true, true);
            sgc.BeginFigure(pts[0], true, false);
            sgc.PolyLineTo(pts, true, true);
            sgc.Close();
            Pen pen = new Pen(brush, 1);
            dc.DrawGeometry(null, pen, sg);
        }
        /// <summary>
        /// 公式法得到曲线上的点
        /// </summary>
        /// <returns></returns>
        public Point GetBezierPoint()
        {
            Vector[] vectors = new Vector[this.Points.Length];
            for (int i = 0; i < this.Points.Length; i )
            {
                vectors[i] = (Vector)this.Points[i];
            }
            Vector vector = Math.Pow(1 - this.Time, 2) * vectors[0]
                2 * this.Time * (1 - this.Time) * vectors[1]
                this.Time * this.Time * vectors[2];///直接公式计算得到曲线上的点
            return (Point)vector;
        }
        #region 事件
        #endregion
    }
}

实例下载地址

WPF贝塞尔曲线示例

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享

网友评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
;
报警