文档章节

canvas学习心得之arcTo

axingqi
 axingqi
发布于 2017/06/30 20:57
字数 321
阅读 16
收藏 0

        canvas提供画圆弧有两种方法,一个是arc,另一个就是arcTo,arc挺简单的,这里就不再说了,单说一下arcTo。

        arcTo的作用是绘制介于两条切线之间的弧,语法是arcTo(x1,y1,x2,y2,r),其中x1,y1是起始点的坐标,x2,y2是终点的坐标,r则是圆弧的半径。这里面有个很大的误区,一般的初学者看到这里,都会错误的判断起始点的位置,如图1所示:

                                                    

                          图1:错误的理解                                                           图2:正确的理解

       

         正确的理解应如图2所示,起始点位于两条切线相交的位置,另外,终点也并不是弧的终点,而是另一条切线上的任意一点,拿图2来说,终点是竖直的那条切线上的一点。有人会问,可不可以在起始点的上面那里,因为切线是直线,可以延伸的。答案是当然可以,但这样的结果是圆弧就会向上弯曲,而不是向下弯曲了。

        按我的理解,可以总结为,起始点控制前半段弧的方向,终点控制后半段弧的方向,至于r嘛,控制弧的大小。

© 著作权归作者所有

axingqi
粉丝 0
博文 21
码字总数 9949
作品 0
茂名
私信 提问
Android 中自定义View(一)

我们在使用各种App时都会看到好多漂亮的效果,说实话有的效果真的很好看,所以觉得能写出这些效果的人都好厉害的说,自定义View 在Android 进阶相关的图书中都是必会内容,我也一直看过大概的自定...

YoungerDev
2017/11/01
0
0
canvas基础api学习整理

canvas_please github地址 canvasplease 有例子可以看,之后还会更新其他高级api,还有动画等 simple < canvas> < /canvas> 创建画布 canvas.getContext(“2d”) 获取画笔 moveTo(x, y) 移动......

huhao0829
2018/05/03
0
0
Html5 Canvas画线有毛边解决方法

Html5 Canvas 所有的画线指令画出来的线条都有毛边(比如 lineTo, arcTo,strokeRect),这是因为在Canvas中整数坐标值对应的位置恰巧是屏幕象素点中间的夹缝,那么当按这样的坐标进行线条渲...

山哥
2011/06/02
0
0
canvas绘制矩形和路径方式

一、绘制矩形: 1.context.rect(x,y,width,height); 2.context.fillRect(x,y,width,height); 3.context.strokeRect(x,y,width,height); 4.context.clearRect(x,y,width,height); 二、绘制路径......

m0_38073011
2018/04/21
0
0
Canvas 都坐下,基本操作

前言 从最开始小白使用canvas采坑无数,让自己也积累了些还不错的想法,这期内容也是给自己做了些canvas api整理,以及需要注意的地方 参考网站 MDN 文章链接 微信H5实现网页长按保存图片及识...

MrZss
02/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spark内置图像数据源初探

概述 在Apache Spark 2.4中引入了一个新的内置数据源, 图像数据源.用户可以通过DataFrame API加载指定目录的中图像文件,生成一个DataFrame对象.通过该DataFrame对象,用户可以对图像数据进行简...

阿里云官方博客
4分钟前
0
0
掌握Composer

这一次,真正掌握composer composer是现代PHP的基石 现代高级编程语言,依赖管理工具是必不可少的。Java有Maven,Python有pip,Nodejs有npm, 而在composer出现之前,PHP只有被广为诟病的Pea...

城市之雾
11分钟前
0
0
Shell中的函数、数组、告警系统

20.16/20.17 shell中的函数 20.18 shell中的数组 20.19 告警系统需求分析 20.20 告警系统主脚本 20.21 告警系统配置文件 20.22 告警系统监控项目 20.23/20.24/20.25 告警系统邮件引擎 20.26 ...

tobej
11分钟前
0
0
Win7系统安装hadoop

环境准备 安装JDK1.8,配置JAVA_HOME 下载hadoop_3.1.2,配置HADOOP_HOME 配置HDFS 修改hadoop-env.cmd 增加 set HADOOP_PREFIX=%HADOOP_HOME%set HADOOP_CONF_DIR=%HADOOP_PREFIX%\etc\ha......

铲平王
15分钟前
0
0
IT兄弟连 Java语法教程 Java语言的其他特性

Java语言中除了非常重要的跨平台特性外,还有如下几个关键特性: ● 语法简单易学 Java语言的语法简单明了,容易掌握,而且是纯面向对象(OOP)的语言,Java语言的简单性主要体现在以下几个方...

老码农的一亩三分地
28分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部