html5+canvas绘图时使用Smooth.js实现曲线的平滑

开源项目,地址:

https://github.com/osuushi/Smooth.js

 

原理很简单,将一个关键点坐标数组传给它,它就通过几个可选的算法对数据进行插值

之后,我们在插值后变得更丰满的数据之上画图, 看起来自然就更平滑了。

例如下图,给定A,B,C, 默认情况下它会按照类似抛物线的方式给出插值。

html5+canvas绘图时使用Smooth.js实现曲线的平滑

 

插值的密度可以自行设置, 越密自然图形再平滑。

 

 

上一篇:Android——自定义图形。(Canvas,Paint,Bitmap,PorterXFermode)


下一篇:响应式Web程序设计【14】