android 源代码 毛笔,Android-毛笔的探索与开发

news/2024/11/17 22:14:38/

前言

这篇文章主要是关于移动端毛笔的开发,在平板上有着书写毛笔字贴的效果。

介绍关于毛笔的算法思路。

项目github地址

算法思路分析

曲线拟合算法

利用曲线拟合算法增加虚拟的点,使得笔迹更加光滑,关于算法思想本文采用的是B样条插值算法。

采集点:获取笔输出的两个关键点a1、a2,以及a1和a2附近的几个点a3,a4;

拟合点:利用a1,a2,a3,a4计算出a1和a2之间曲线的步长,再根据步长计算出a1与a2之间所有的点,所

计算出的点即为曲线上的点;

简单图示:

ZJ3QZz.png

圆形填充轮廓粗糙算法

利用圆形填充思想来实现毛笔的效果,并进行轮廓的粗糙,使其更加形象。

获取笔宽:获取到a1与a2两点笔的压力,转换成对应的宽度作为此段起点和终点的宽度d1,d2,以d1与、

d2差再除以a1与a2点之间的个数得到曲线点之间笔宽的差值,再计算出该段曲线上所有点a1,b1…bn,a2

对应的笔宽l1…ln;

计算圆形:利用曲线上的点和对应的笔宽计算出圆形,利用图形模块的填充效果将圆形填充;

处理轮廓处:对于每个笔迹的轮廓处,根据当前点与上一个点的斜率K的大小来画不同长度的线,线的颜色

深浅也会渐变;

简单图示(实践的圆形点会更加稠密,所以轮廓几乎是直线):

3mIfIv.png

em2yai.png

项目地址

手写效果展示:

YnaQNn.png

总结

本文通过曲线拟合算法和圆形填充轮廓粗糙算法完成了毛笔效果的实现,增加了平板毛笔字帖的书写体验。

作者:.double


http://www.ppmy.cn/news/539648.html

相关文章

html编写隶书字体,隶书字体大全

路由器之家网今天精心准备的是《隶书字体大全》,下面是详解! 隶书字体怎么写 隶书字体怎么写... 隶书字体怎么写 隶书点画的写法于篆书有明显的不同,篆书的点画可概括为点、直、弧3种,而发展到隶书已经具备了永字八法中的8种笔画。在用笔上,篆书多为圆笔,而隶书已有方圆并…

android 毛笔效果,android毛笔笔锋

任何画线的程序,都是先在界面上获取若干不连续的点,然后将这些点连成线。 一些常见的笔型比较好实现,比如说铅笔、钢笔等等,这类笔型的线条的宽度和线条的颜色是固定的,只需要将点连接成固定颜色和固定宽度的线即可。 …

html 毛笔书写效果,利用canvas实现毛笔字帖(三)

上接javascript 二、 根据功能需要完善代码 3. 第3部分controller.js 这一部分的功能就是要修改毛笔的颜色,还有清空画布。 功能简单,我们一起向下讲。 一开始依然是init controller.js var controller = {canvas: null,//html中的canvas对象,主要标签 context: null, //can…

html 毛笔书写效果,canvas 手写毛笔字效果

canvas 手写毛笔字效果 #canvasId { background-color: #FFFFcc; } function Handwriting(id) { this.canvas document.getElementById(id); this.ctx this.canvas.getContext("2d"); this.ctx.fillStyle "rgba(0,0,0,0.25)"; var _this this; this.ca…

html怎么设置毛笔字体,三种实用的毛笔书法字体设计制作教程

三种实用的毛笔书法字体设计制作教程 书法字体2015.09.08书法字体 毛笔字、书法字都非常漂亮,但现在除了少数书法家,书法爱好者能写的一手漂亮的书法外,很少有人能写好书法字了!作为设计师(特别是网页设计师、包装设计师)&#xf…

html怎么设置毛笔字体,原来毛笔字体是这么设计的!

无论是制作专题页还是制作海报我们都会用到字体,在很多的广告中为了加强画面的冲击力,经常会使用到毛笔字的表现形式。当使用毛笔字表现的时候,很多设计师都会进去一个误区,马上去网站找字库,怎么也找不到合适的字体。…

Windows和Linux动态注入

摘要:最近对动态注入有一些兴趣因此搜索了些资料,简单整理了下相关的技术实现。本文只能够带你理解何如注入以及大概如何实现,对注入的方法描述的并不详细。   关键字:dll注入,hook,提权   读者须知&am…

7A50T 引脚功能详解

本文针对7A50T芯片,详细讲解硬件设计需要注意的技术点,可以作为设计和检查时候的参考文件。问了方便实用,按照Bank顺序排列,包含配置Bank、HR Bank、HP Bank、GTP Bank、供电引脚等。 参考文档包括: ds181_Artix_7_D…