Android 在Canvas中实现画笔效果（一）--钢笔

最新推荐文章于 2024-09-07 07:04:55 发布

SBDUXING

最新推荐文章于 2024-09-07 07:04:55 发布

阅读量5.2k

点赞数 4

分类专栏：手机开发文章标签：画笔 Android 钢笔书写

本文链接：https://blog.csdn.net/SBDUXING/article/details/39343465

版权

本文介绍了如何在Android中使用赛贝尔曲线实现钢笔画笔效果，包括画笔的粗细变化和涂鸦板的需求。通过在向量AB的两侧绘制额外的曲线来达到真实书写感，关键在于计算A1A2长度值的正弦或余弦函数应用。

摘要由CSDN通过智能技术生成

如题：

公司要求做一个涂鸦板，要有钢笔、毛笔等画笔效果，网上搜了很多，可是效果不怎么好，决定自己研究下。废话不多说，进入正题。

首先，赛贝尔曲线弄明白了，在画曲线的过程中就是一条条的向量。

第二，曲线在画的过程中要有粗细变化（就是简单的实现）

第三，在原有向量的两侧也画两个两向量A1B1、A2B2。如下图：

上图中

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

SBDUXING

关注关注

4
点赞
踩
6

收藏

觉得还不错? 一键收藏
4
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

android 画布画笔,安卓画笔笔锋的实现探索（一）

weixin_35949298的博客

05-25

1777

本篇文章已授权微信公众号 guolin_blog (郭霖)独家发布20181207日更新博客，写这篇文章的时候，我对简书的写作技巧还不熟悉，现在更新下说明写在前面的话：我就一直纠结啊，这种可以啊，没毛病啊，老铁，我就一直做啊做，实现的效果，就是一直Move事件中的笔的宽度都是一样的，是不是崩溃啊，的确很崩溃，最后我在想，能不能拿到按压值MotionEvent.getPressure();但是最后通...

Android Studio Canvas 实现鼠标贝塞尔曲线拖尾特效

fjnu_se的博客

12-12

1516

Android Studio Canvas 实现鼠标贝塞尔曲线拖尾特效特效预览图什么是贝塞尔曲线？百度百科：贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋，我们在绘图工具上看到的钢笔工具就是来做这种矢量曲线的。贝塞尔曲线于1962，由法国工程师皮埃尔·贝塞尔（Pierre Bézier）所广泛发表，他运用贝塞尔曲线来为

4 条评论您还未登录，请先登录后发表或查看评论

Android图像处理之画笔特效处理

08-06

Android图像处理的画笔特效处理demo

Android PathEffect画笔绘制效果

0729Liang

06-26

991

一、介绍PathEffect共有6个子类CornerPathEffect：拐角圆滑DashPathEffect：线段虚化DiscretePathEffect：打散线段PathDashPathEffect：自定义图形实现线段虚化ComposePathEffect：组合效果SumPathEffect： ...

android 电子签名手写签名功能实现

最新发布

2401_87029675的博客

09-07

914

首先是一个知识清单：（对于现在的Android及移动互联网来说，我们需要掌握的技术）泛型原理丶反射原理丶Java虚拟机原理丶线程池原理丶注解原理丶注解原理丶序列化Activity知识体系（Activity的生命周期丶Activity的任务栈丶Activity的启动模式丶View源码丶Fragment内核相关丶service原理等）代码框架结构优化（数据结构丶排序算法丶设计模式）APP性能优化（用户体验优化丶适配丶代码调优）热修复丶热升级丶Hook技术丶IOC架构设计。

Android之Canvas画笔和画布

weixin_42370957的博客

12-01

2620

久违的Canvas画布，终于学到这里了，学完以后附上博文一篇以便日后记不住。目录一、Canvas（画布）二、Paint（画笔）三、实例涉及的相关知识点 1、绘制安卓机器人 2.绘制文本 3.绘制图片 4.绘制路径：首先我觉得最难易懂大的一点是Canvas里面的四个坐...

canvas简单的实现画笔功能

zhangbiaoxiaoming的博客

10-22

6569

还是直接上代码。（自己写的，可能代码布局有点乱，进步中，加油） &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&a

canvas实现简单的画图工具中画笔效果,外加画好的笑脸

anphygvyti09102的博客

12-02

268

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas实现简单的画图工具中画笔效果,外加画好的笑脸</title> </head> <body> <canvas wi...

android 画笔画板功能效果的实现.zip

07-10

在实现画笔画板时，我们需要通过`Canvas.drawPath()`或`Canvas.drawLine()`等方法，结合`Paint`对象来绘制线条或形状。 2. **MotionEvent与触摸事件处理**：用户在屏幕上滑动手指时，系统会产生一系列的`...

Android画笔画板功能实现与清除画布技巧

在实现画笔画板功能时，通常需要以下步骤： 1. 创建自定义View：自定义一个继承自View的类，重写onDraw方法，以便在其中进行绘图。 2. 绘图处理：在onDraw方法中，通过Canvas对象来处理绘图逻辑。例如，监听用户...

canvas画笔功能的实现

weixin_42349568的博客

01-23

792

对canvas的封装,这里是我自己写的,主要实现就是在this.canvas.add(paintBrush)的时候,能够执行paintBrush的render,从而绘制图案罢了.到目前为止,已经能简单绘制图案了,其实思路很简单,就是先用moveTo到第一个起点,然后后续的点都使用lineTo来绘制.现在的线段,其实是一段段小的折线,并不美观,我需要的是曲线的连接,这里我采用的是二次贝塞尔曲线连接.上文使用tochmove来采集点,太多了,性能很差,我们可以根据采集点的距离来筛选一些有效的点.

HTML5 Canvas实现web画图之自由画笔

09-27

10-06

weixin_44134551的博客

04-14

158

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'/> <title>canvas写字</title> <script src="jq

使用Canvas + Path和“曲面细分”算法实现钢笔笔锋效果

轮子初级玩家

07-05

8079

本文用于在无法获取压感的设备上实现书法效果，因此所有的书写效果的笔触粗细变化，均是通过速率进行确认。最后实现效果如下（不会书法，只能让大家体会一下效果），代码基于之前的文章https://blog.csdn.net/cjzjolly/article/details/88661286上进行修改而成：一、推导：在正常的情况下，使用Canvas和Path分段绘制用户的书写结果时...

【android开发】手写签名系统的设计与实现之实现画笔设置（四）

Ac_Rambler的博客专栏

12-13

5929

上一篇文章我们介绍了如何实现在画板上海书写，其过程相对来说是比较简单的，既然我们实现了画布和画笔，也实现了手写，为了提高可用性，我们增加了对画笔风格的设置功能，这样就可以根据自己的需要选择画笔的颜色、粗细、风格（铅笔、浮雕、水彩等）效果。今天我们就介绍画笔风格的设置功能的实现过程，先看看效果图：

drawview.java_android 画笔画板功能效果的实现

weixin_34736467的博客

02-13

278

package com.shiming.pen.field_character;import android.app.Activity;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Canvas;import android.graphics.Color;import an...

canvas画板之画笔的多种效果

weixin_44719258的博客

12-18

1177

canvas画板的多种画笔效果，包括基础单色、荧光、多色画笔、喷雾、蜡笔、泡泡等

canvas实现涂鸦画板功能

大剑师兰特的GIS世界

02-07

1720

canvas如何实现涂鸦画板功能呢？我们监听鼠标事件时获取到的坐标是相对于整个页面的坐标（e.clientX 和 e.clientY）。为了将这些坐标转换为相对于元素自身的坐标，我们需要从这些值中减去 canvas.offsetLeft 和 canvas.offsetTop，确保绘制路径是在元素的坐标系统内，而不是在整个页面的坐标系统中。