绘画带有笔锋

已于 2024-08-23 14:17:33 修改
阅读量361 收藏 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
关注
python模拟手写笔迹_原笔迹手写实现平滑和笔锋效果之:笔迹的平滑(一)
weixin_39570530的博客
12-05 2629
之前研究过一种用于 模拟真实 手写笔迹签名 的算法, 要求能够保持原笔迹平滑,并有笔锋的效果.在网上看了一些资料, 资料很多, 能够达到用于正式产品中的效果的一个都没有找到.但是即使按照这篇文章讲的方法去实现手写笔迹, 表现的效果也非常的不理想.而且, 这篇文章还只是涉及到了笔迹平滑的问题, 没有涉及到如何解决笔锋的问题经过我一段时间的研究, 终于在上厕所的时候(有没有被duang了一下的感觉,...
android 绘画笔迹回放_android画板笔锋实现
weixin_39702639的博客
01-12 600
前言在安卓绘图中，path是一个很常用的类，使用它可以实现基本的画线功能，但是自己用path画出来的同一条线段大小是不会改变的。如果做书写类型的软件，当然想要实现更好的逼真的书写效果，在实际书写过程中，我们的笔迹通常是带有笔锋的。因此，这篇文章主要讲解一下具体的实现思路，具体代码就不放上来了，有兴趣的可以私密我交流一下。思路要实现笔锋，首先要获取一个变化的值，这个值能决定画线的大小。在安卓手机中，...
原笔迹手写实现平滑和笔锋效果之:笔锋效果(三)[完结篇]
fahaihappy的专栏
10-05 1857
点击上方“AI搞事情”关注我们> 本文转载自:https://www.cnblogs.com/zl03jsj/p/8051912.html通过前面两篇文章, 我们已经解决了在手写笔...
使用Canvas + Path和“曲面细分”算法实现钢笔笔锋效果
轮子初级玩家
07-05 8559
本文用于在无法获取压感的设备上实现书法效果，因此所有的书写效果的笔触粗细变化，均是通过速率进行确认。最后实现效果如下（不会书法，只能让大家体会一下效果），代码基于之前的文章https://blog.csdn.net/cjzjolly/article/details/88661286上进行修改而成： 一、推导： 在正常的情况下，使用Canvas和Path分段绘制用户的书写结果时...
H5网页笔锋算法代码
07-24
H5网页笔锋算法代码,亲测可使用，放心下载
毛笔效果简单思路
热门推荐
::: 移动互联网时代开发者 :::
02-22 1万+
<br /> <br /><br />任何画线的程序，都是先在界面上获取若干不连续的点，然后将这些点连成线。<br /><br /><br />一些常见的笔型比较好实现，比如说铅笔、钢笔等等，这类笔型的线条的宽度和线条的颜色是固定的，只需要将点连接成固定颜色和固定宽度的线即可。<br /><br /><br />毛笔是比较特殊的笔型，要实现好毛笔效果，有几点比较特殊，需要考虑。<br />1. 同一笔画内，线条各处的粗细不同。<br />2. 同一笔画内，线条各处的透明度不同。<br />3. 有笔锋效果。
支持笔锋效果的安卓手写签字控件
12-28
4. **橡皮擦工具**：如同实际的绘画工具，这个控件也配备了橡皮擦，用户可以擦除不需要的部分，进一步完善签名。 5. **画笔设置**：用户可以调整画笔的颜色、宽度以及笔锋效果，模拟真实笔触，使签字更加逼真。笔锋...
unity写字带笔锋
11-13
在书写过程中，Unity写字带笔锋需要较高的笔墨功底和绘画技巧，因为它要求字的书写既要有积极的笔势，又要有准确的笔法，同时要求字的结构稳健，拙中有巧，遒劲有美。Unity写字带笔锋充分展现了汉字的书法美学特质，...
android 带笔锋的签名画板开发
09-02
Android带笔锋的签名画板开发是一项有趣和有挑战的任务。首先，我们需要在Android平台上创建一个用户界面，包括一个画布、颜色选择器、笔刷大小调整器等元素。用户可以使用手指或者配备笔锋的触控笔在画布上进行绘画...
笔锋手写输入技术实现方法研究
1. 设备装置：文档中提到的“设备装置”可能涉及一系列兼容该技术的硬件产品，包括但不限于带有压感功能的平板电脑、手写板等。 2. 应用领域：此类技术在数字绘画、建筑设计、教育学习和笔记记录等多个领域有着广泛...
毛笔字算法 笔锋算法 平滑算法 C# 源码 可编译
07-12
毛笔字算法 笔锋算法 平滑算法 C# 源码 可编译
C#毛笔笔锋效果
07-20
鼠标书写毛笔效果 C#毛笔 毛笔笔锋效果
签名毛笔算法
11-07
笔算法 手写毛笔优化算法 C++代码 4种笔型算法 毛笔 画笔 水笔 荧光笔
手写毛笔算法
01-07
手写算法 手写毛笔 排笔 荧光笔 钢笔 铅笔
Android笔锋
qq729615546的专栏
11-26 1527
Android笔锋 毛笔算法 C# 毛笔效果 毛笔 铅笔 钢笔 水彩笔 荧光笔 适合多种语言开发 调用 QQ729615546 微信：13762930029 ...
Android-原笔迹钢笔手写的探索与开发
dishou2379的博客
04-23 1821
前言 这篇文章主要是关于移动端原笔迹的开发，让平板上的手写效果达到笔迹光滑且有笔锋。 介绍关于原笔迹的算法思路。 项目gith...
鸿蒙HarmonyOS-带笔锋手写板(三）
liuhaikang的博客
12-30 1679
笔者用ArkTS 写了一个简单的带笔锋的手写板应用，并且可以将手写内容保存为图片。
Qt鼠标/触摸画线，实现笔锋
最新发布
u010947464的博客
01-27 632
鼠标画线十几年前就搞过， 但是随着硬件升级， 以前的代码明显有心无力， 在4K屏上卡的一逼。//抗锯齿和使用平滑转换算法。那就自己研究吧， 其实实现笔锋本身不难， 但是要考虑性能， 就不是1+1的问题了。这里只是简单的demo, 不过也使用了双缓冲， 也就是画线并不是直接画到屏幕上的， 而是先画到后台创建的一个QPixmap上， 这个QPixmap要和窗口一样大。网上搜了一大把没用的文章和代码， 终于有一篇靠个边， 也大概只讲原理， 贴了一点无关紧要的代码， 核心代码所谓没整理就不上传了， 无语。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值