365体育备用网址报道HTML DOM arcTo() 方法_365体育备用网址官网资讯

JavaScript/dom_obj_canvasrenderingcontext2d.HTML" title="HTML DOM CanvasRenderingContext2D 对象">HTML DOM CanvasRenderingContext2D 对象

定义和用法

arcTo() 方法使用使用切点和一个半径,来为当前子路径添加一条圆弧。

语法

arcTo(x1, y1, x2, y2, radius)

参数

参数 描述
x1, y1 点 P1 的坐标。
x2, y2 点 P2 的坐标。
radius 定义圆弧的圆的半径。

描述

这个方法为当前的子路径添加了一条圆弧,但是,它所描述的这条圆弧和 arc() 方法所描述的圆弧大不相同。添加给路径的圆弧是具有指定 radius 的圆的一部分。该圆弧有一个点与当前地位到 P1 的线段相切,还有一个点和从 P1 到 P2 的线段相切。这两个切点就是圆弧的起点和终点,圆弧绘制的方向就是连接这两个点的最短圆弧的方向。

在很多常见的应用中,圆弧开头于当前地位而结束于 P2,但情况并不总是这样。如果当前的地位和圆弧的起点不同,这个方法添加了一条从当前地位到圆弧起点的直线。这个方法总是将当前地位设置为圆弧的终点。

实例

能够用下面的代码绘制一个矩形的右上角(圆角):

c.moveTo(10,10);		//在左上方开头
c.lineTo(90,10);		//到达圆角开头点的水平线
c.arcTo(100,10,100,20,10);	//圆角
c.lineTo(100,100);		//到达右下方的垂直线

提示和注释

注释:这个方法在 Firefox 1.5 中未实现。

------分隔线----------------------------

公布评论 (182人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换大旺777手机版
最新评论