`
DanielHan
  • 浏览: 54187 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
074641d7-eb86-343f-a745-65a0f693edb5
设计模式
浏览量:7123
社区版块
存档分类
最新评论

Android中path的arcTo方法的使用

 
阅读更多
该方法的声明为:

void Android.graphics.Path.arcTo(RectF oval, float startAngle, float sweepAngle);

该方法是画一个弧线的路径.

第一个参数是一个RectF类型.这个参数是干嘛的呢?

先说一下,这个弧线是怎么来的?是先画一个椭圆,然后再在这个椭圆上面截取一部分部形。这个图形自然就是一个弧线了。那么这个椭圆是怎么确定的呢?这就是这个rectF参数所起的作用了。

如图所示:


给出这个矩形后,系统就可以算出这个矩形的中心,然后以这个矩开的中心画一个椭圆。

得到这个椭圆后,然后就是截取一部分线了,就得到最终的弧线。这一部分是怎么截取的呢?

这就是后面两个参数共同来表达的。

startAngle这个参数说的是开始的角度。这个好理解,但哪里是0度线呢,又是向哪个方向旋转是正角度数呢?下面由图形来展示:



图上所示的红线就是0度线。

startAngle是开始度数,那sweepAngle是指的什么呢?

sweepAngle指的是旋转的度数,也就是以startAngle开始,旋转多少度,如果sweepAngle是正数,那么就是按顺时针方向旋转,如果是负数就是按逆时针方向旋转。

如果示例:startAngle = 0; sweepAngle=90时:


  • 大小: 11.6 KB
  • 大小: 13.7 KB
  • 大小: 13.1 KB
分享到:
评论

相关推荐

    HTML canvas中 arcTo()的使用方法

    HTML canvas中 arcTo()的使用方法,希望对您学习canvas中的arcTo()有所帮助以后还会持续的更新关于网页制作编写上的,希望您能多多支持

    html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法

    arc与arcTo,从名字都能看出来相似。arcTo也是画曲线的方法,而且他画出的曲线也是正圆的一段弧线。但他的参数和arc简直是不共戴天~,感兴趣的朋友可以了解下哦,接下来详细介绍arcTo方法的应用

    arc-to:使用通用二维数组实现 arcTo

    弧到 使用裸 2D 点实现 CanvasContext2D arc()... [ 54.75528258147577 , 48.454915028125264 ] , [ 55 , 50 ] ]]用法arcTo(x, y, radius, start, end[, clockwise, steps, path]) 使用 [x, y] 作为原点(中心)和圆r

    Canvas画布 js属性arcTo弧线画法详解

    我们今天来讲解一个基本的画布属性arcTo,那么想必arc大家都有过印象,这是一个简单的画圆的方法,参数也比较好理解,但是arcTo有些同学就比较难以理解了,那么我们先做一个简单的讲解。 arcTo(x1,y1,x2,y2,r),那么...

    2.21 arcTo,另一种弧线绘制方法|canvas曲线的绘制(圆弧和贝塞尔曲线)|Canvas图形、动画、游戏开发从入门到精通全系列课程

    2.21_arcTo,另一种弧线绘制方法|canvas曲线的绘制(圆弧和贝塞尔曲线)|Canvas图形、动画、游戏开发从入门到精

    smart-svg-path:更智能,更轻松的SVG路径操作,可对SVG路径动画进行精细控制

    smart-svg-path SmartSVGPath.js更智能,更简单的SVG路径管理方法。 全面掌握SVG路径数据。 使复杂的SVG路径动画的微调变得容易。 找不到方法: -反转SVG路径。 -将任何路径顶点设置为路径的第一个顶点。 ...我也不...

    JavaFX API文档

    JavaFX API文档。Sun公司已于2008年12月05日发布了JavaFX技术的正式版,它使您能利用 JavaFX 编程语言开发互联网应用程序(RIA)。该产品于2007年5月在JavaOne大会上首次对外公布。JavaFX技术主要应用于创建Rich ...

    html5 canvas里绘制椭圆并保持线条粗细均匀的技巧

    Canvas里绘制椭圆是一个很常见的需求,比较新的HTML Canvas 2D Context W3C草案里面新增了ellipse方法绘制椭圆,但是目前大多数浏览器还没有实现该方法,所以需要用arc或者arcTo方法结合scale变形来绘制椭圆。...

    使用HTML5 Canvas API绘制弧线的教程

    主要介绍了使用HTML5 Canvas API绘制弧线的教程,其中重点讲解了JavaScript使用arcTo()方法根据切点绘制圆弧的方法,需要的朋友可以参考下

    利用kotlin实现一个饼图实例代码

    需要path.arcTo定位到扇形弧度的一半来绘制折线的起点 通过canvas.drawPath绘制折线,折线的长度根据饼图大小来设置比例 通过canvas.drawText绘制文字,文字的大小根据饼图的大小来设置比例,绘制文字的位

    html5 Canvas画图教程(5)—canvas里画曲线之arc方法

    在canvas画线条这篇文章中,我讲了画直线的方法,按理这篇画曲线的文章早该发了,但由于canvas画曲线比较特殊,我还没摸透,所以要一步步尝试。 canvas里画曲线的难点之一,就在于他连曲线的函数就有4个!分别是arc,...

    html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法

    前面的文章我已经讲了3种在canvas中画曲线的方法:arc,arcTo以及quadraticCurveTo.他们都有一个共同点,就是他们画的曲线都只能偏向一边,今天讲的bezierCurveTo与他们最大的不同点就是有两个控制点,即可以画出S形...

    HTML5 Canvas核心技术 图形、动画与游戏开发

    23 1.8 在canvas中使用html元素 25 1.9 打印canvas的内容 32 1.10 离屏canvas 35 1.11 基础数学知识简介 37 1.11.1 求解代数方程 37 1.11.2 三角函数 38 1.11.3 向量运算 39 1.11.4 根据计量单位来推导等式 ...

    小程序之基于canvas绘制高铁线路图

    1、首先是每个站点圆角矩形的绘制,一开始想着用canvas把圆角矩形绘制出来,但发现小程序暂时还没有绘制圆角的arcTo方法,所以用canvas绘制就相对比较麻烦,最后为了方便决定用图片代替;  2、将整个路线图分为四个...

    stdafx.h代码

    stdafx.h的代码// This is a part of the Microsoft Foundation Classes C++ library. ...// All rights reserved. // // This source code is only intended as a supplement to the // Microsoft Foundation Classes ...

Global site tag (gtag.js) - Google Analytics