绘画带有笔锋

已于 2024-08-23 14:17:33 修改
阅读量261 收藏 4
点赞数 6
文章标签： c# 开发语言
于 2024-08-16 17:40:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35319925/article/details/141261315
版权

最近一段时间调研书写带有笔锋的问题，一时间没有思路，然后在网上找啊找啊全是收费的。在网上找思路和源代码发现这块的资料少的可怜，没有办法只好自己研究了。

突然Duang的有种灵感爆发，想到最后两个点链接起来就是一个线段，可以把它均匀的分段然后设置笔宽。按照这种思路走发现可行。然后就拿起笔来画画写写了。。。。。。。

最后的实验效果是这样的（个人感觉看起来还挺不错的）：

思路讲解：
1.先假设把两个点距离放大然后设置好固定的长度，设置好后平均分成多条均匀的线段并把每条线段点记录，注，我这块默认长度设置是2.5，设置的长度最好尽可能偏小。

 void Splitline(PointF point1, PointF point2, Graphics g)
        {
            double fz = 2.5;

            double lineline = Math.Sqrt(Math.Pow((point2.X - point1.X), 2) + Math.Pow((point2.Y - point1.Y), 2));//获取到线段的长度
            if (lineline > fz)
            {
                //平均分成多少份，然后把每份的点数保存
                int num = Convert.ToInt32(lineline / fz);
                List<PointF> points = new List<PointF>();
                double doublex = (point2.X - point1.X) / num;
                double doubley = (point2.Y - point1.Y) / num;
                for (int i = 0; i < num; i++)
                {
                    PointF pointF = new PointF(point1.X + (float)(i * doublex), point1.Y + (float)(i * doubley));
                    points.Add(pointF);
                }
                Console.WriteLine("总数:"+points.Count);
                //依次递减笔宽
                float widtline = 7.0f;
                float widthlinedj = widtline / points.Count;
                for (int i = 0; i < points.Count - 1; i++)
                {
                    widtline = widtline - widthlinedj;
                    Pen pen = new Pen(Color.Red, widtline);
                    g.DrawLine(pen, points[i], points[i + 1]);
                }
            }
        }

2.完成以上步骤后运行代码后会发现缓慢书写绘画笔锋出不来，突然拖动一笔会有笔锋，这个是因为move绘画笔记两个点相隔太近了导致笔锋没有出现。所以我们这块的在move方法里设置一个阈值来减少点这样绘画就能出现笔锋。注：鼠标这块我设置是10，触摸点这块设置5，如果设置太大了会导致书写轨迹略微有点偏移，所以阈值尽可能小。

     private void BezierPenForm_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.Button == MouseButtons.Left)
            {
                Console.WriteLine(e.X+","+e.Y);

                double lineline = Math.Sqrt(Math.Pow((e.X - startpoint.X), 2) + Math.Pow((e.Y - startpoint.Y), 2));
                if (lineline >= 10)
                {
                    bezierPen.AddPoint(e.X, e.Y);
                    startpoint = new PointF(e.X, e.Y);
                   
                    bezierPen.Draw3(this.CreateGraphics());

                }

            }
        }

3.完成以上操作后书写操作就会有笔锋。注：一边绘画和一边出现笔锋这块需要在move的draw3里实现。

 public void Draw3(Graphics graphics)
        { 
if (points.Count < 1) {
                return;
            }   
            Pen pen = new Pen(Color.Red,7.0f);
            graphics.PixelOffsetMode = PixelOffsetMode.HighSpeed; //高像素偏移质量
            graphics.CompositingQuality = CompositingQuality.HighSpeed;
            graphics.SmoothingMode = SmoothingMode.AntiAlias;
            pen.LineJoin = LineJoin.Round;
            pen.StartCap = LineCap.Round;
            pen.EndCap = LineCap.Round;
            //graphics.DrawLine(pen, points[points.Count-2].x, points[points.Count-2].y, points[points.Count-1].x, points[points.Count - 1].y);
            if (points.Count >= 3)
            {
               
                    graphics.DrawLine(pen, points[points.Count - 3].x, points[points.Count - 3].y, points[points.Count - 2].x, points[points.Count - 2].y);
                
                Splitline(new PointF(points[points.Count - 2].x, points[points.Count - 2].y), new PointF(points[points.Count - 1].x, points[points.Count - 1].y), graphics);
            }
            else if (points.Count == 2)
            {
                graphics.DrawLine(pen, points[points.Count - 2].x, points[points.Count - 2].y, points[points.Count - 1].x, points[points.Count - 1].y);
            }
            else
            {
                graphics.DrawLine(pen, points[points.Count - 1].x, points[points.Count - 1].y, points[points.Count - 1].x+1, points[points.Count - 1].y+1);
            }
}

其实以上思路最主要的还是增加坐标点和减坐标点。以下就是全部代码，复制粘贴即可使用。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace RedrawUITest
{

    public partial class Form6 : Form
    {

        private BezierPen bezierPen = new BezierPen();

        List<PointF> listpoint = new List<PointF>();
        public Form6()
        {
            InitializeComponent();
            this.DoubleBuffered = true;
            this.MouseDown += BezierPenForm_MouseDown;
            this.MouseMove += BezierPenForm_MouseMove;
            this.MouseUp += BezierPenForm_MouseUp;

            
        }
        PointF startpoint;
        Bitmap bitmap;
        private void BezierPenForm_MouseDown(object sender, MouseEventArgs e)
        {
            bezierPen.AddPoint(e.X, e.Y);
            startpoint = new PointF(e.X,e.Y);
           
        }

        private void BezierPenForm_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.Button == MouseButtons.Left)
            {
                Console.WriteLine(e.X+","+e.Y);

                double lineline = Math.Sqrt(Math.Pow((e.X - startpoint.X), 2) + Math.Pow((e.Y - startpoint.Y), 2));
                if (lineline >= 10)
                {
                    bezierPen.AddPoint(e.X, e.Y);
                    startpoint = new PointF(e.X, e.Y);
                    //bezierPen.Draw2(this.CreateGraphics());
                    bezierPen.Draw3(this.CreateGraphics());

                }

            }
        }

        private void BezierPenForm_MouseUp(object sender, MouseEventArgs e)
        {

            Graphics g = Graphics.FromImage(bitmap);
            bezierPen.Draw2(g);
            bezierPen.ClearPoint();
            this.Invalidate();
        }

        protected override void OnPaint(PaintEventArgs e)
        {
            base.OnPaint(e);
            if (bitmap != null)
            {
                e.Graphics.PixelOffsetMode = PixelOffsetMode.HighSpeed; //高像素偏移质量
                e.Graphics.CompositingQuality = CompositingQuality.HighSpeed;
                e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
                e.Graphics.DrawImage(bitmap, 0, 0);
               
            }           
        }

        private void Form6_Load(object sender, EventArgs e)
        {
            bitmap = new Bitmap(this.Width, this.Height);
        }
    }


    public class BezierPen
    {
        private List<pendraw> points = new List<pendraw>();
      

        public void AddPoint(float x, float y)
        {
            pendraw pdraw = new pendraw();
            pdraw.x = x;
            pdraw.y = y;
          
            points.Add(pdraw);
        }

        public void ClearPoint() 
        {
            points.Clear();
        }

        public void Draw2(Graphics graphics)
        {
            if (points.Count < 1)
            {
                return;
            }
            Pen pen = new Pen(Color.Red, 7.0f);
            pen.LineJoin = LineJoin.Round;
            pen.StartCap = LineCap.Round;
            pen.EndCap = LineCap.Round;
            graphics.PixelOffsetMode = PixelOffsetMode.HighSpeed; //高像素偏移质量
            graphics.CompositingQuality = CompositingQuality.HighSpeed;
            graphics.SmoothingMode = SmoothingMode.AntiAlias;
            if (points.Count >= 3)
            {
               
                if (points.Count > 4)
                {
                    for (int i = 0; i < points.Count - 4; i++)
                    {
                        graphics.DrawBezier(pen, new PointF(points[i].x, points[i].y), new PointF(points[i + 1].x, points[i + 1].y), new PointF(points[i + 2].x, points[i + 2].y), new PointF(points[i + 3].x, points[i + 3].y));
                    }
                }
                else if (points.Count > 2 && points.Count < 5)
                {
                    for (int i = 0; i < points.Count - 2; i++)
                    {

                        graphics.DrawLine(pen, points[i].x, points[i].y, points[i + 1].x, points[i + 1].y);
                    }
                }
                Splitline(new PointF(points[points.Count - 2].x, points[points.Count - 2].y), new PointF(points[points.Count - 1].x, points[points.Count - 1].y), graphics);
            }
            else if (points.Count == 2)
            {
                graphics.DrawLine(pen, points[points.Count - 2].x, points[points.Count - 2].y, points[points.Count - 1].x , points[points.Count - 1].y );
            }
            else
            {
                graphics.DrawLine(pen, points[points.Count - 1].x, points[points.Count - 1].y, points[points.Count - 1].x+1 , points[points.Count - 1].y+1);
            }
           
        }

        public void Draw3(Graphics graphics)
        {
            if (points.Count < 1) {
                return;
            }   
            Pen pen = new Pen(Color.Red,7.0f);
            graphics.PixelOffsetMode = PixelOffsetMode.HighSpeed; //高像素偏移质量
            graphics.CompositingQuality = CompositingQuality.HighSpeed;
            graphics.SmoothingMode = SmoothingMode.AntiAlias;
            pen.LineJoin = LineJoin.Round;
            pen.StartCap = LineCap.Round;
            pen.EndCap = LineCap.Round;
            //graphics.DrawLine(pen, points[points.Count-2].x, points[points.Count-2].y, points[points.Count-1].x, points[points.Count - 1].y);
            if (points.Count >= 3)
            {
                if (points.Count > 4)
                {
                    graphics.DrawBezier(pen, new PointF(points[points.Count - 5].x, points[points.Count - 5].y), new PointF(points[points.Count - 4].x, points[points.Count - 4].y), new PointF(points[points.Count - 3].x, points[points.Count - 3].y), new PointF(points[points.Count - 2].x, points[points.Count - 2].y));
                }
                else
                {
                    graphics.DrawLine(pen, points[points.Count - 3].x, points[points.Count - 3].y, points[points.Count - 2].x, points[points.Count - 2].y);
                }
                Splitline(new PointF(points[points.Count - 2].x, points[points.Count - 2].y), new PointF(points[points.Count - 1].x, points[points.Count - 1].y), graphics);
            }
            else if (points.Count == 2)
            {
                graphics.DrawLine(pen, points[points.Count - 2].x, points[points.Count - 2].y, points[points.Count - 1].x, points[points.Count - 1].y);
            }
            else
            {
                graphics.DrawLine(pen, points[points.Count - 1].x, points[points.Count - 1].y, points[points.Count - 1].x+1, points[points.Count - 1].y+1);
            }
        }
        void Splitline(PointF point1, PointF point2, Graphics g)
        {
            double fz = 2.5;

            double lineline = Math.Sqrt(Math.Pow((point2.X - point1.X), 2) + Math.Pow((point2.Y - point1.Y), 2));
            if (lineline > fz)
            {
                int num = Convert.ToInt32(lineline / fz);
                List<PointF> points = new List<PointF>();
                double doublex = (point2.X - point1.X) / num;
                double doubley = (point2.Y - point1.Y) / num;
                for (int i = 0; i < num; i++)
                {
                    PointF pointF = new PointF(point1.X + (float)(i * doublex), point1.Y + (float)(i * doubley));
                    points.Add(pointF);
                }
                Console.WriteLine("总数:"+points.Count);
                float widtline = 7.0f;
                float widthlinedj = widtline / points.Count;
                for (int i = 0; i < points.Count - 1; i++)
                {
                    widtline = widtline - widthlinedj;
                    Pen pen = new Pen(Color.Red, widtline);
                    g.DrawLine(pen, points[i], points[i + 1]);
                }
            }
        }
    }

    public class pendraw
    {
        public float x { get; set; }
        public float y { get; set; }

      
    }
}

qq_35319925
关注
  • 6
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android 绘画笔迹回放_android画板笔锋实现
weixin_39702639的博客
01-12 529
前言在安卓绘图中，path是一个很常用的类，使用它可以实现基本的画线功能，但是自己用path画出来的同一条线段大小是不会改变的。如果做书写类型的软件，当然想要实现更好的逼真的书写效果，在实际书写过程中，我们的笔迹通常是带有笔锋的。因此，这篇文章主要讲解一下具体的实现思路，具体代码就不放上来了，有兴趣的可以私密我交流一下。思路要实现笔锋，首先要获取一个变化的值，这个值能决定画线的大小。在安卓手机中，...
探索极致书写体验：smooth-signature 带笔锋手写签名
gitblog_00445的博客
08-09 558
探索极致书写体验：smooth-signature 带笔锋手写签名 smooth-signatureH5带笔锋手写签名，支持PC端和移动端，任何前端框架均可使用项目地址:https://gitcode.com/gh_mirrors/smo/smooth-signature 在数字化浪潮的推动下，电子签名已成为无纸化办公和电子合同签署的重要工具。然而，如何让电子签名不仅便捷，更具有纸质签名的真实感...
一笔画: 表现绘画过程的美
热门推荐
魔笔玩家的博客
09-23 4万+
书法比绘画厉害在哪里？为何国画强调书法入画? 书画同源就表现为画作上的题字吗？编程和绘画有毛关系？看完本文，定能获得清晰的解答。 对比分析了大量案例，既讲画理，也谈书法，讨论了诸多有关书法与绘画关系的问题，提出一种“一笔画”的画法，综合了绘画、书法和编程的思想，打通书法与绘画艺术的任督二脉。最后，探讨了一笔画与书法、绘画、科技有关的多个问题，尝试打通科学和艺术思维的任督二脉。愿帮助读者提高审美力...
canvas画板之画笔的多种效果
weixin_44719258的博客
12-18 1029
canvas画板的多种画笔效果，包括基础单色、荧光、多色画笔、喷雾、蜡笔、泡泡等
flutter 学习之 做一个简单的画板(CustomPainter)
July_sal的专栏
07-22 2119
今天来学习一下flutter中的绘制，从如何使用Canvas draw/paint了解到，在Flutter中使用绘制方式自定义Widget，需要以下三个步骤： 1.继承CustomPainter并重写paint方法和shouldRepaint方法 2.在写paint方法中绘制内容 3.使用CustomPaint来构建Widget 先通过写一个简单的画板来学习一下pai...
lisp 线型虚实变换_绘画｜虚实？国风画这叫线型变化！画线条的正确姿势，你对了吗...
weixin_33355290的博客
02-07 341
随着越来越多的人爱上绘画，国风画也渐渐重新流行起来。国风画作为一种极其讲究工笔的绘画种类，它对线条的区分和要求也十分严格，你了解多少？今天，小艺将为大家介绍在国风画中常见的线条知识。一、白描中的线条白描中的线条笔法来源于书法，收笔回锋是书法用笔最基本的原则，反映在外形上是圆笔和尖笔的区别，在白描中称之为“实”与“虚”。这种圆与尖即实与虚的变化被称为线型变化。(一)四种基本线形上述四种线型变化按生活...
【Unity】ShaderGraph的五个2D案例：动态液化柔和扭曲、带描边的溶解、漩涡扭曲、动态平面水、同心圆波纹
weixin_42680627的博客
11-26 3882
液化柔和扭曲 有参考M.studio的水面案例 链接 他的方法有个致命缺点，就是右侧会有横线 出现这个问题是因为UV出了问题，他为了控制波纹强度就给噪声图乘了个强度值strength，但也导致uv的offset不再是0 ~ 1中间，而是0 ~ streng，所以输出的图的x在1-strength ~ 1处就会有横线，我的解决办法是增大噪声图的tilling来把横线挤出去 带描边的溶解 效果： 漩涡扭曲 直接用twist节点，开放中心坐标和强度两个变量，很简单，适合对圆形物体使用 平面水 参考u
苹果画画软件_电容笔哪种好，普通的电容笔和苹果电容笔有什么不同？
weixin_39565777的博客
11-07 691
随着iPad的不断升级，屏幕越来越大，除了玩游戏看电影等娱乐活动之外，越来越多人的把它当成生产力工具，画画、学习、办公、写字等等。作为辅助工具的电容笔也在人们的需求变化之下越来越火！其实电容笔在最初出现的时候，较为普遍的出现在带有触屏功能的手机上，但是因为较为简单实用性不强，所以很多人都将其作为可有可无的配件，只有一些老年人操作不便会用电容笔去点一点。但是现在因为各种硬件和软件的提升，让电容笔有了...
电容笔和触控笔有哪些区别？超高性价比电容笔排行
qscde11的博客
09-19 329
电容笔与触控笔的不同之处，在于它能好地去操控屏幕，电容笔通常用于电容屏，触笔用于控制电阻屏，然后按下屏幕。现在，随着学习的深入，电容笔的应用也在不断增加。要想更好地做笔记的话，得到更好的体验的话，可以选择平替电容笔，平替电容笔的性能会越来越好，今天我要向大家介绍几款很值得入手的电容笔！
手写毛笔算法
01-07
总结起来，手写毛笔算法是一项结合了计算机图形学、机器学习和艺术表现力的技术，它使得传统的书法和绘画艺术能够在数字世界中得到生动再现，而"etfsoft.exe"可能是实现这一技术的实用软件工具。
unity写字带笔锋
11-13
在书写过程中，Unity写字带笔锋需要较高的笔墨功底和绘画技巧，因为它要求字的书写既要有积极的笔势，又要有准确的笔法，同时要求字的结构稳健，拙中有巧，遒劲有美。Unity写字带笔锋充分展现了汉字的书法美学特质，...
android 带笔锋的签名画板开发
09-02
Android带笔锋的签名画板开发是一项有趣和有挑战的任务。首先，我们需要在Android平台上创建一个用户界面，包括一个画布、颜色选择器、笔刷大小调整器等元素。用户可以使用手指或者配备笔锋的触控笔在画布上进行绘画...
C# 项目管理CLI常用命令
yuwoxinanA3的博客
08-24 382
.NET Command Line Interface (CLI) 是一个跨平台的工具链，用于开发、构建、运行和发布基于 .NET Core 和 .NET 5+ 应用程序。以下是一些常用的 .NET CLI 命令及其简要说明
C＃与其它编程语言有什么区别，以及相关优势有哪些
probably121的博客
08-19 1366
C#编程语言的主要特性包括**面向对象、统一的类型系统、自动内存管理等**。与其它编程语言相比，C#的优势体现在**跨平台开发支持、强大的语言集成查询（LINQ）功能、高效的性能**这几个方面。通过.NET Core，C#可以实现真正的跨平台开发，这是其相对于许多其他语言的重要优势。LINQ提供了强大的数据查询能力，使得处理数据变得简单而高效。该语言拥有一个统一的类型系统，可以进行无缝的类型转换。尽管C#是一种安全的编程语言，但它仍能提供高效的性能。C#的语言集成查询提供了强大的数据查询能力。
C# 调用接口处理返回json数据
小飞鱼通达 二开
08-23 523
项目中处理json需要使用Newtonsoft，访问接口使用RestSharp，先将这两个库添加项目引用，在文件头部进行引用。定义类模型InfoModel。
C#入门（9）算术运算符
a6s686的博客
08-23 1203
到这里，我们就把c#中简单的算术运算符讲完了，其实到这里你可以发现我们已经开始进入一些代码的简单逻辑的讲解了，后续的文章也会继续稳扎稳打，我们一起把基础搞好，再去踏踏实实地学习更高级的语法和算法。共勉。
【C#】【EXCEL】BumblebeeComponentsAnalysisGH_Ex_Ana_CondScale.cs
hmywillstronger的博客
08-26 1420
这段代码定义了一个名为的类，它是一个 Grasshopper 组件，用于在 Excel 工作表中添加基于相对值的条件格式颜色。以下是该组件的主要功能和介绍：使用场景：这个组件适用于需要在 Excel 中可视化数据分布的情况。总的来说，这个组件为用户提供了一种简便的方法来在 Grasshopper 环境中为 Excel 数据添加高级的条件格式，增强了数据的可视化效果和可读性。
EmguCV学习笔记 C# 6.S 特别示例
最新发布
UruseiBest 的技术专栏
08-27 930
EmguCV是一个基于OpenCV的开源免费的跨平台计算机视觉库,它向C#和VB.NET开发者提供了OpenCV库的大部分功能。教程配套文件及相关说明获得pdf教程和代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值