Android中Canvas绘图基础详解（附源码下载） Android开发中文站(4)_H5之家 - 中国HTML5教程资源分享第一站

canvas教程

Android中Canvas绘图基础详解（附源码下载） Android开发中文站(4)

字号+ 作者：H5之家来源：H5之家 2017-03-04 13:00 我要评论( )

下面对以上代码进行说明： Canvas的drawPath()方法接收Path和Paint两个参数。当Paint的style是FILL时，我们可以用darwPath来画填充面。Path类提供了addArc、addOval、addCircle、addRect等方法，可以通过这些方法可

下面对以上代码进行说明：

Canvas的drawPath()方法接收Path和Paint两个参数。当Paint的style是FILL时，我们可以用darwPath来画填充面。Path类提供了addArc、addOval、addCircle、addRect等方法，可以通过这些方法可以向Path添加各种闭合图形，Path甚至还提供了addPath方法让我们将一个Path对象添加到另一个Path对象中作为其一部分。当我们通过Path的addXXX方法向Path中添加了各种图形后，我们就可以调用canvas.drawPath(path, paint)绘制出Path了，如上图中第一行中的几个图形所示。

我们可以通过调用Paint的setStyle()方法将画笔Paint设置为STROKE，即线条模式，然后我们再次执行canvas.darwPath()方法绘制同一个Path对象，我们这次绘制的就只是Path的轮廓线了，如上图中第二行中的几个图形所示。

Path对象还有很多xxTo方法，比如lineTo、arcTo、quadTo、cubicTo等，通过这些方法，我们可以方便的从画笔位置绘制到指定坐标的连续线条，如上图中最后一行的几个线状图形所示。我们用了lineTo、arcTo、quadTo、cubicTo这四种方法画了五段线条，下面会解释，并且单独通过调用drawPoint画出了每段线条的两个端点，方便大家观察。

quadTo是用来画二阶贝塞尔曲线的，即抛物线，其方法签名是public void quadTo (float x1, float y1, float x2, float y2)，如果对贝塞尔曲线的相关概念不了解，推荐大家读一下博文《贝塞尔曲线初探》。下面借用该博文中的一张图说一下二阶贝塞尔曲线：

这里写图片描述

二阶贝塞尔曲线的绘制一共需要三个点，一个起点，一个终点，还要有一个中间的控制点。我们画笔的位置就相当于上图中P0的位置，quadTo中的前两个参数x1和y1指定了控制点P1的坐标，后面两个参数x2和y2指定了终点P2的坐标。上图中最后一行的第四个线状图形就是用quadTo绘制的二阶贝塞尔曲线。

cubicTo跟quadTo类似，不过是用来画三阶贝塞尔曲线的，其方法签名是public void cubicTo (float x1, float y1, float x2, float y2, float x3, float y3)。我们还是借用一下上述博文《贝塞尔曲线初探》中的另一张图片来解释一下三阶贝塞尔曲线：

这里写图片描述

三阶贝塞尔曲线的绘制需要四个点，一个起点，一个终点，以及两个中间的控制点，也就是说它比二阶贝塞尔曲线要多一个控制点。我们画笔的位置就相当于上图中P0的位置，cubicTo中的前两个参数x1和y1指定了第一个控制点P1的坐标，参数x2和y2指定了第二个控制点P2的坐标，最后两个参数x3和y3指定了终点P3的坐标。上图中最后一行的最后一个线状图形就是用cubicTo绘制的三阶贝塞尔曲线。

drawBitmap

　

Canvas 新手入门

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。

相关文章

在canvas中插入图片，渐变

2017-03-04 14:02
【Fanvas技术解密】HTML5 canvas实现脏区重绘

2017-03-04 12:03
Canvas学习：绘制线段

2017-03-04 12:00
Fabric.js 1.7.7发布，简易JavaScript Canvas库

2017-03-03 18:00

网友点评

精彩导读

html5 实现网页截屏页面生成图片(图文)

HTML5 canvas绘图教学自由旋转图像，灵活运用

网页制作教程列表

Android倾斜、描边、自定义字体的TextView

css控制table表格宽度的小技巧教程

热门资讯

关注我们

关注微信公众号，了解最新精彩内容