分类： Path2D

Path2D.quadraticCurveTo方法

基础库 2.11.0 开始支持，低版本需做兼容处理。

微信小程序插件：不支持

相关文档: 画布指南、canvas 组件介绍

功能描述

添加二次贝塞尔曲线路径。

参数

number cpx

控制点横坐标。

number cpy

控制点纵坐标。

number x

结束点横坐标。

number y

结束点纵坐标。

Path2D.lineTo方法

基础库 2.11.0 开始支持，低版本需做兼容处理。

微信小程序插件：不支持

相关文档: 画布指南、canvas 组件介绍

功能描述

添加直线路径

参数

number x

结束点横坐标。

number y

结束点纵坐标。

Path2D.ellipse方法

基础库 2.11.0 开始支持，低版本需做兼容处理。

微信小程序插件：不支持

相关文档: 画布指南、canvas 组件介绍

功能描述

添加椭圆弧路径

参数

number x

椭圆圆心的横坐标。

number y

椭圆圆心的纵坐标。

number radiusX

椭圆长轴的半径，必须是非负数。

number radiusY

椭圆短轴的半径，必须是非负数。

number rotation

椭圆的旋转角度。

number startAngle

圆弧的起始角度。

number endAngle

圆弧的结束角度。

boolean counterclockwise

是否按逆时针方向绘制。如果传入 true，则会从 endAngle 开始绘制到 startAngle。

Path2D.bezierCurveTo方法

基础库 2.11.0 开始支持，低版本需做兼容处理。

微信小程序插件：不支持

相关文档: 画布指南、canvas 组件介绍

功能描述

添加三次贝塞尔曲线路径。

参数

number cp1x

第一个控制点横坐标。

number cp1y

第一个控制点纵坐标。

number cp2x

第二个控制点横坐标。

number cp2y

第二个控制点纵坐标。

number x

结束点横坐标。

number y

结束点纵坐标。

Path2D.arcTo方法

基础库 2.11.0 开始支持，低版本需做兼容处理。

微信小程序插件：不支持

相关文档: 画布指南、canvas 组件介绍

功能描述

通过给定控制点添加一段圆弧路径。

参数

number x1

第一个控制点横坐标。

number y1

第一个控制点纵坐标。

number x2

第二个控制点横坐标。

number y2

第二个控制点纵坐标。

number radius

圆形半径，必须为非负数。

Path2D.arc方法

基础库 2.11.0 开始支持，低版本需做兼容处理。

微信小程序插件：不支持

相关文档: 画布指南、canvas 组件介绍

功能描述

添加一段圆弧路径。

参数

number x

圆心横坐标。

number y

圆心纵坐标。

number radius

圆形半径，必须为正数。

number startAngle

圆弧开始角度。

number endAngle

圆弧结束角度。

boolean counterclockwise

是否逆时针绘制。如果传 true, 则会从 endAngle 开始绘制到 startAngle。