@dcloudio/uni-app-x 0.7.14 → 0.7.16

package/types/native/CanvasRenderingContext2D.d.ts

@@ -0,0 +1,1943 @@
+/**
+ * @package io.dcloud.uniapp.runtime
+ */
+
+import { Image } from "./IUniElement"
+import { Path2D } from "./Path2D"
+
+export interface TextMetrics {
+  readonly width: number
+}
+
+/**
+* 描述 <canvas> 元素的一个隐含像素数据的区域
+* @uniPlatform {
+*    "app": {
+*        "android": {
+*            "osVer": "5.0",
+*            "uniVer": "√",
+*            "unixVer": "x"
+*        },
+*        "ios": {
+*            "osVer": "12.0",
+*            "uniVer": "√",
+*            "unixVer": "x"
+*   	  }
+*    }
+*    "web": {
+*        "uniVer": "√",
+*        "unixVer": "4.21"
+*    }
+* }
+*/
+export interface ImageData {
+  readonly width: number
+  readonly height: number
+}
+
+export interface CanvasPattern {
+
+}
+
+export interface CanvasGradient {
+  /**
+   * 添加颜色的渐变点。小于最小 stop 的部分会按最小 stop 的 color 来渲染，大于最大 stop 的部分会按最大 stop 的 color 来渲染
+   * @param {number} stop 表示渐变中开始与结束之间的位置，范围 0-1
+   * @param {string} color 渐变点的颜色
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  addColorStop(stop: number, color: string): void
+}
+
+export interface CanvasRenderingContext2D {
+
+  /**
+  * 是对与给定上下文关联的HTMLCanvasElement对象的只读引用
+  */
+  readonly canvas: UniCanvasElement
+
+  /**
+   * 描述当前文本方向
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  direction: string
+
+  /**
+   * 设置填充颜色
+   * @defaultValue #000 (黑色)
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  fillStyle: CanvasGradient | string
+
+  /**
+   * 提供模糊、灰度等过滤效果的属性。它类似于 CSS filter 属性，并且接受相同的函数
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  filter: string
+
+  /**
+   * 设置字体大小
+   * @defaultValue 10px
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  font: string
+
+  /**
+   * 指定绘制文本时字体如何被扩展或压缩。该属性对应于 CSS 中的 font-stretch 属性，当使用关键字时（百分比值不支持）
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  fontStretch: string
+
+  /**
+   * 用来描述在 canvas 上绘图之前，设置图形和图片透明度的属性。数值的范围从 0.0（完全透明）到 1.0（完全不透明）
+   * @defaultValue 1.0
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  globalAlpha: number
+
+  /**
+   * 在绘制新形状时应用的合成操作的类型，其中 type 是用于标识要使用的合成或混合模式操作的字符串
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  globalCompositeOperation: "" | "source-over" | "source-atop" | "source-in" | "source-out" | "destination-over" | "destination-atop" | "destination-in" | "destination-out" | "lighter" | "copy" | "xor"
+
+  /**
+   * 属性用于设置是否对缩放后的图片进行平滑处理，true 表示进行平滑处理（默认值），false 表示不进行
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  imageSmoothingEnabled: boolean
+
+  /**
+   * 用于设置图像平滑度,要使此属性生效，imageSmoothingEnabled 属性必须为 true
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  imageSmoothingQuality: string
+
+  /**
+   * 用于指定绘制文本时字母之间的间距。这对应于 CSS 中的 letter-spacing 属性
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  letterSpacing: string | number
+
+  /**
+   * 指定如何绘制每一条线条末端的属性，可选值：`butt`线段末端以方形结束；`round`线段末端以圆形结束；`square`线段末端以方形结束，但是会增加一个一半宽度的矩形区域。
+   * @defaultValue butt
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  lineCap: "" | "butt" | "round" | "square"
+
+  /**
+   * 设置虚线偏移量
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  lineDashOffset: number
+
+  /**
+   * 设置 2 个长度不为 0 的线条相连部分如何连接在一起的属性，可选值：`bevel`斜角；`round`圆角；`miter`尖角。
+   * @defaultValue miter
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  lineJoin: "" | "round" | "bevel" | "miter"
+
+  /**
+   * 设置线条的宽度
+   * @defaultValue 1px
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  lineWidth: number
+
+  /**
+   * 设置斜接面限制比例的属性。当获取属性值时，会返回当前的值（默认值是10.0 ）。当给属性赋值时，0、负数、 Infinity 和 NaN 都会被忽略；除此之外都会被赋予一个新值。
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  miterLimit: number
+
+  /**
+   * 用于描述模糊效果程度,其中 0 表示没有模糊，数字越大表示模糊程度越高。这个值不对应于像素数量，并且不受当前变换矩阵的影响。默认值为 0。负数、Infinity 和 NaN 将被忽略
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  shadowBlur: number  
+
+  /**
+   * 描述阴影颜色,可以转换成 CSS <color> 值的DOMString 字符串。默认值是 fully-transparent black
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  shadowColor: string
+
+  /**
+   * 指定阴影在水平方向上的偏移距离。正值向右偏移，负值向左偏移。默认值为 0（无水平偏移）。Infinity 和 NaN 值将被忽略
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  shadowOffsetX: number
+
+  /**
+   * 指定阴影在垂直方向上的偏移距离。正值向右偏移，负值向左偏移。默认值为 0（无水平偏移）。Infinity 和 NaN 值将被忽略
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  shadowOffsetY: number  
+
+  /**
+   * 设置边框的颜色
+   * @defaultValue #000 (黑色)
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  strokeStyle: CanvasGradient | string
+
+  /**
+   * 设置文本的对齐方式，可取值：`left`左对齐；`center`居中对齐；`right`右对齐。
+   * @defaultValue left
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  textAlign: "" | "left" | "right" | "center" | "start" | "end"
+
+
+  /**
+   * 描述绘制文本时，当前文本基线的属性
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  textBaseline: "" | "top" | "hanging" | "middle" | "alphabetic" | "ideographic" | "bottom"
+
+  /**
+  * 用于在渲染文本时向渲染引擎提供应该如何优化的相关信息
+  * @uniPlatform {
+  *    "app": {
+  *        "android": {
+  *            "osVer": "5.0",
+  *            "uniVer": "x",
+  *            "unixVer": "x"
+  *        },
+  *        "ios": {
+  *            "osVer": "12.0",
+  *            "uniVer": "x",
+  *            "unixVer": "x"
+  *   	  }
+  *    }
+  *    "web": {
+  *        "uniVer": "√",
+  *        "unixVer": "4.21"
+  *    }
+  * }
+  */
+  textRendering: number  
+
+  /**
+   * 绘制一段弧线
+   * @param {number} x 圆弧中心（圆心）的 x 轴坐标
+   * @param {number} y 圆弧中心（圆心）的 y 轴坐标
+   * @param {number} radius 圆弧的半径
+   * @param {number} startAngle 圆弧的起始点，x 轴方向开始计算，单位为弧度
+   * @param {number} endAngle 圆弧的终点，单位为弧度
+   * @param {number} [anticlockwise=true] 圆弧绘制方向，true：逆时针绘制，false：顺时针绘制。
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise: boolean): void
+
+  /**
+   * 根据控制点和半径绘制圆弧路径，使用当前的描点 (前一个 moveTo 或 lineTo 等函数的止点)。根据当前描点与给定的控制点 1 连接的直线，和控制点 1 与控制点 2 连接的直线，作为使用指定半径的圆的切线，画出两条切线之间的弧线路径
+   * @param {number} x1 第一个控制点的 x 轴坐标
+   * @param {number} y1 第一个控制点的 y 轴坐标
+   * @param {number} x2 第二个控制点的 x 轴坐标
+   * @param {number} y2 第二个控制点的 y 轴坐标
+   * @param {number} radius 圆弧的半径
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void
+
+  /**
+   * 开始创建一个路径。需要调用 fill 或者 stroke 才会使用路径进行填充或描边
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  beginPath(): void
+
+  /**
+   * 绘制三次贝赛尔曲线路径
+   * @param {number} cp1x 第一个控制点的 x 轴坐标
+   * @param {number} cp1y 第一个控制点的 y 轴坐标
+   * @param {number} cp2x 第二个控制点的 x 轴坐标
+   * @param {number} cp2y 第二个控制点的 y 轴坐标
+   * @param {number} x 结束点的 x 轴坐标
+   * @param {number} y 结束点的 y 轴坐标
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void
+
+  /**
+   * 清除画布上在该矩形区域内的内容
+   * @param {number} x 矩形起点的 x 轴坐标
+   * @param {number} y 矩形起点的 y 轴坐标
+   * @param {number} width 矩形的宽度
+   * @param {number} height 矩形的高度
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  clearRect(x: number, y: number, width: number, height: number): void
+
+  /**
+   * 将当前创建的路径设置为当前剪切路径
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  clip(): void
+
+  /**
+   * 将当前创建的路径设置为当前剪切路径
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  clip(path: Path2D): void
+
+  /**
+   * 将当前创建的路径设置为当前剪切路径
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  clip(fillRule: String): void
+
+  /**
+   * 将当前创建的路径设置为当前剪切路径
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+   clip(path: Path2D, fillRule: String): void
+
+  /**
+   * 关闭一个路径
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  closePath(): void
+
+  /**
+   * 创建一个新的、空白的、指定大小的 ImageData 对象。所有的像素在新对象中都是透明的黑色
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  createImageData(width: number, height: number): void
+
+  /**
+   * 对指定的图像创建模式的方法，可在指定的方向上重复元图像
+   * @param {string} image 重复的图像源，支持代码包路径和本地临时路径 (本地路径)
+   * @param {string} repetition 如何重复图像
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  createPattern(image: Image, repetition: string): CanvasPattern
+
+  /**
+   * 创建一个线性的渐变颜色。返回的CanvasGradient对象需要使用 CanvasGradient.addColorStop() 来指定渐变点，至少要两个
+   * @param {number} x0 起点的 x 坐标
+   * @param {number} y0 起点的 y 坐标
+   * @param {number} x1 终点的 x 坐标
+   * @param {number} y1 终点的 y 坐标
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient
+
+  /**
+  * 根据参数确定两个圆的坐标，绘制放射性渐变
+  * @param {number} x0 开始圆形的 x 轴坐标
+  * @param {number} y0 开始圆形的 y 轴坐标
+  * @param {number} r0 开始圆形的半径
+  * @param {number} x1 结束圆形的 x 轴坐标
+  * @param {number} y1 结束圆形的 y 轴坐标
+  * @param {number} r1 结束圆形的半径 
+  * @uniPlatform {
+  *    "app": {
+  *        "android": {
+  *            "osVer": "5.0",
+  *            "uniVer": "x",
+  *            "unixVer": "4.25"
+  *        },
+  *        "ios": {
+  *            "osVer": "12.0",
+  *            "uniVer": "x",
+  *            "unixVer": "4.25"
+  *   	  }
+  *    }
+  *    "web": {
+  *        "uniVer": "√",
+  *        "unixVer": "4.21"
+  *    }
+  * }
+  */
+  createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r01: number): CanvasGradient
+
+  /**
+   * 将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  draw(): void
+
+  /**
+   * 绘制图像到画布
+   * @param {string} imageResource 所要绘制的图片资源
+   * @param {number} sx 需要绘制到画布中的，imageResource的矩形（裁剪）选择框的左上角 x 坐标
+   * @param {number} sy 需要绘制到画布中的，imageResource的矩形（裁剪）选择框的左上角 y 坐标
+   * @param {number} sWidth 需要绘制到画布中的，imageResource的矩形（裁剪）选择框的宽度
+   * @param {number} sHeight 需要绘制到画布中的，imageResource的矩形（裁剪）选择框的高度
+   * @param {number} dx imageResource的左上角在目标 canvas 上 x 轴的位置
+   * @param {number} dy imageResource的左上角在目标 canvas 上 y 轴的位置
+   * @param {number} dWidth 在目标画布上绘制imageResource的宽度，允许对绘制的imageResource进行缩放
+   * @param {number} dHeight 在目标画布上绘制imageResource的高度，允许对绘制的imageResource进行缩放
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  drawImage(imageResource: Image, sx: number, sy: number, sWidth: number, sHeight: number, dx: number, dy: number, dWidth: number, dHeight: number): void
+
+
+  /**
+   * 添加椭圆路径。椭圆的圆心在（x,y）位置，半径分别是radiusX 和 radiusY，按照anticlockwise（默认顺时针）指定的方向，从 startAngle 开始绘制，到 endAngle 结束
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise: boolean): void
+
+
+  /**
+   * 对当前路径中的内容进行填充
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  fill(): void
+
+  /**
+ * 对当前路径中的内容进行填充
+ * @param {string} fillRule 填充当前或已存在的路径的方法。采取非零环绕(nonzero)或者奇偶环绕(evenodd)规则
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  fill(fillRule: "nonzero" | "evenodd"): void
+
+  /**
+   * 对指定路径中的内容进行填充
+   * @param {string} path 填充路径
+   * @param {string} fillRule 填充当前或已存在的路径的方法。采取非零环绕(nonzero)或者奇偶环绕(evenodd)规则
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  fill(path: Path2D, fillRule: "nonzero" | "evenodd"): void
+
+  /**
+   *填充一个矩形。用 setFillStyle 设置矩形的填充色，如果没设置默认是黑色
+   * @param {number} x 矩形起点的 x 轴坐标
+   * @param {number} y 矩形起点的 y 轴坐标
+   * @param {number} width 矩形的宽度
+   * @param {number} height 矩形的高度
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  fillRect(x: number, y: number, width: number, height: number): void
+
+
+  /**
+   * 在画布上绘制文本
+   * @param {string} text 要渲染的文本字符串
+   * @param {number} x 开始绘制文本的点的 X 轴坐标
+   * @param {number} y 开始绘制文本的点的 X 轴坐标
+   * @param {number} maxWidth 需要绘制的最大宽度
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  fillText(text: string, x: number, y: number, maxWidth: number): void
+
+  /**
+   * 返回一个ImageData对象，用来描述 canvas 区域隐含的像素数据，这个区域通过矩形表示，起始点为*(sx, sy)、宽为sw、高为sh。
+   * @param {number} sx 将要被提取的图像数据矩形区域的左上角 x 坐标
+   * @param {number} sy 将要被提取的图像数据矩形区域的左上角 y 坐标
+   * @param {number} sw 将要被提取的图像数据矩形区域的宽度
+   * @param {number} sh 将要被提取的图像数据矩形区域的高度
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData
+
+  /**
+   * 返回一个Boolean 标记上下文是否已经丢失
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  isContextLost(): Boolean
+
+  /**
+   * 判断在当前路径中是否包含检测点
+   * @param {number} x 检测点的 X 坐标
+   * @param {number} y 检测点的 Y 坐标
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  isPointInPath(x: number, y: number): boolean
+
+  /**
+   * 判断在当前路径中是否包含检测点
+   * @param {number} x 检测点的 X 坐标
+   * @param {number} y 检测点的 Y 坐标
+   * @param {number} fillRule 用来决定点在路径内还是在路径外的算法
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  isPointInPath(x: number, y: number, fillRule: String): boolean
+
+  /**
+   * 判断在当前路径中是否包含检测点
+   * @param {number} path Path2D应用的路径
+   * @param {number} x 检测点的 X 坐标
+   * @param {number} y 检测点的 Y 坐标
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  isPointInPath(path: Path2D, x: number, y: number): boolean
+
+  /**
+   * 判断在当前路径中是否包含检测点
+   * @param {number} path Path2D应用的路径
+   * @param {number} x 检测点的 X 坐标
+   * @param {number} y 检测点的 Y 坐标
+   * @param {number} fillRule 用来决定点在路径内还是在路径外的算法
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  isPointInPath(path: Path2D, x: number, y: number, fillRule: String): boolean
+
+  /**
+   * 检测某点是否在路径的描边线
+   * @param {number} x 检测点的 X 坐标
+   * @param {number} y 检测点的 Y 坐标
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  isPointInStroke(x: number, y: number): boolean
+
+  /**
+   * 检测某点是否在路径的描边线
+   * @param {number} path Path2D应用的路径
+   * @param {number} x 检测点的 X 坐标
+   * @param {number} y 检测点的 Y 坐标
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  isPointInStroke(path: Path2D, x: number, y: number): boolean
+
+  /**
+   * 在填充线时使用虚线模式, 它使用一组值来指定描述模式的线和间隙的交替长度。
+   * @ret {segments} Array<number>一组描述交替绘制线段和间距（坐标空间单位）长度的数字
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  getLineDash(): Array<number>
+
+  /**
+  * 增加一个新点，然后创建一条从上次指定点到目标点的线。用 stroke 方法来画线条
+  * @param {number} x 目标位置的 x 坐标
+  * @param {number} y 目标位置的 y 坐标
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  lineTo(x: number, y: number): void
+
+  /**
+  * 测量文本尺寸信息。目前仅返回文本宽度
+  * @param {number} text 要渲测量的文本字符串
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  measureText(text: string): TextMetrics
+
+  /**
+  * 把路径移动到画布中的指定点
+  * @param {number} x 目标位置的 x 坐标
+  * @param {number} y 目标位置的 y 坐标
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  moveTo(x: number, y: number): void
+
+  /**
+   * 将数据从已有的 ImageData 对象绘制到位图的方法。如果提供了一个绘制过的矩形，则只绘制该矩形的像素。此方法不受画布转换矩阵的影响
+   * @param {number} imagedata 包含像素值的数组对象
+   * @param {number} x 源图像数据在目标画布中的位置偏移量（x 轴方向的偏移量）
+   * @param {number} y 源图像数据在目标画布中的位置偏移量（y 轴方向的偏移量）
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  putImageData(imageData: ImageData, x: number, y: number): boolean
+
+  /**
+   * 将数据从已有的 ImageData 对象绘制到位图的方法。如果提供了一个绘制过的矩形，则只绘制该矩形的像素。此方法不受画布转换矩阵的影响
+   * @param {number} imagedata 包含像素值的数组对象
+   * @param {number} x 源图像数据在目标画布中的位置偏移量（x 轴方向的偏移量）
+   * @param {number} y 源图像数据在目标画布中的位置偏移量（y 轴方向的偏移量）
+   * @param {number} dirtyX 在源图像数据中，矩形区域左上角的位置。默认是整个图像数据的左上角（x 坐标）
+   * @param {number} dirtyY 在源图像数据中，矩形区域左上角的位置。默认是整个图像数据的左上角（y 坐标）
+   * @param {number} dirtyWidth 在源图像数据中，矩形区域的宽度。默认是图像数据的宽度）
+   * @param {number} dirtyHeight 在源图像数据中，矩形区域的高度。默认是图像数据的高度
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  putImageData(imageData: ImageData, x: number, y: number, dirtyX: number, dirtyY: number, dirtyWidth: number, dirtyHeight: number): boolean
+
+  /**
+  * 创建二次贝塞尔曲线路径
+  * @param {number} cpx 贝塞尔控制点的 x 坐标
+  * @param {number} cpy 贝塞尔控制点的 y 坐标   
+  * @param {number} x 结束点的 x 坐标
+  * @param {number} y 结束点的 y 坐标
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void
+
+  /**
+  * 创建一个矩形路径
+  * @param {number} x 矩形路径起点的 x 轴坐标
+  * @param {number} y 矩形路径起点的 y 轴坐标
+  * @param {number} width 矩形路径的宽度
+  * @param {number} height 矩形路径的高度
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  rect(x: number, y: number, width: number, height: number): void
+
+  /**
+   * 使用单位矩阵重新设置当前变换
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  resetTransform(): void
+
+  /**
+   * 恢复之前保存的绘图上下文
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  restore(): void
+
+  /**
+   * 以原点为中心顺时针旋转当前坐标轴
+   * @param {rotate} 旋转角度，以弧度计 degrees * Math.PI/180；degrees 范围为 0-360
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  rotate(rotate: number): void
+
+  /**
+   * 在当前路径中添加一个圆角矩形
+   * @param {number} imagedata 包含像素值的数组对象
+   * @param {number} x 矩形起点的 x 轴坐标，以像素为单位
+   * @param {number} y 矩形起点的 y 轴坐标，以像素为单位
+   * @param {number} width 矩形的宽度。正值向右，负值向左
+   * @param {number} height 矩形的高度。正值向下，负值向上
+   * @param {number} radii 其数量和顺序与 width 和 height 为正值时的 border-radius CSS 属性相同
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "x"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  roundRect(x: number, y: number, width: number, height: number, radii: any): boolean
+
+  /**
+   * 保存绘图上下文
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  save(): void
+
+  /**
+   * 缩放变换
+   * @param {x} 水平方向的缩放因子
+   * @param {y} 垂直方向的缩放因子
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  scale(x: number, y: number): void
+
+  /**
+   * 在填充线时使用虚线模式, 它使用一组值来指定描述模式的线和间隙的交替长度。
+   * @param {segments} Array<number>一组描述交替绘制线段和间距（坐标空间单位）长度的数字
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  setLineDash(segments: Array<number>): void
+
+  /**
+   * 使用单位矩阵重新设置（覆盖）当前的变换并调用变换
+   * @param {number} scaleX 水平缩放
+   * @param {number} skewY 垂直倾斜
+   * @param {number} skewX 水平倾斜
+   * @param {number} scaleY 垂直缩放
+   * @param {number} translateX 水平移动
+   * @param {number} translateY 垂直移动
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  setTransform(scaleX: Number, skewY: Number, skewX: Number, scaleY: Number, translateX: Number, translateY: Number): void
+
+  /**
+   * 画出当前路径的边框。默认颜色色为黑色
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  stroke(): void
+
+  /**
+   * 画出指定路径的边框。默认颜色色为黑色
+   * @param {path} Path2D
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  stroke(path: Path2D): void
+
+  /**
+   * 画一个矩形(非填充)
+   * @param {number} x 矩形起点的 x 轴坐标
+   * @param {number} y 矩形起点的 y 轴坐标
+   * @param {number} width 矩形的宽度
+   * @param {number} height 矩形的高度
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  strokeRect(x: number, y: number, width: number, height: number): void
+
+  /**
+   * 文本描边
+   * @param {string} text 要渲染的文本字符串
+   * @param {number} x 开始绘制文本的点的 X 轴坐标
+   * @param {number} y 开始绘制文本的点的 X 轴坐标
+   * @param {number} maxWidth 需要绘制的最大宽度
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  strokeText(text: string, x: number, y: number, maxWidth: number): void
+
+  /**
+   * 使用矩阵多次叠加当前变换，矩阵由方法的参数进行描述。可以缩放、旋转、移动和倾斜上下文
+   * @param {number} scaleX 水平缩放
+   * @param {number} skewY 垂直倾斜
+   * @param {number} skewX 水平倾斜
+   * @param {number} scaleY 垂直缩放
+   * @param {number} translateX 水平移动
+   * @param {number} translateY 垂直移动
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  transform(scaleX: Number, skewY: number, skewX: number, scaleY: number, translateX: number, translateY: number): void
+
+  /**
+   * 当前网格添加平移变换
+   * @param {number} translateX 水平方向的移动距离
+   * @param {number} translateY 垂直方向的移动距离
+   * @uniPlatform {
+   *    "app": {
+   *        "android": {
+   *            "osVer": "5.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *        },
+   *        "ios": {
+   *            "osVer": "12.0",
+   *            "uniVer": "√",
+   *            "unixVer": "4.25"
+   *   	  }
+   *    }
+   *    "web": {
+   *        "uniVer": "√",
+   *        "unixVer": "4.21"
+   *    }
+   * }
+   */
+  translate(translateX: number, translateY: number): void
+}