canvas 1.0 support pixelmap

Signed-off-by: Nyaoyuchi <yaoyuchi@huawei.com>

zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md

@@ -1523,14 +1523,14 @@ createPath2D(path: Path2D, cmds: string): Path2D
 
 ### drawImage
 
-drawImage(image: Image, sx: number, sy: number, sWidth: number, sHeight: number, dx: number, dy: number, dWidth: number, dHeight: number):void
+drawImage(image: Image | PixelMap, sx: number, sy: number, sWidth: number, sHeight: number, dx: number, dy: number, dWidth: number, dHeight: number):void
 
 进行图像绘制。
 
 - 参数
   | 参数 | 类型 | 描述 |
   | -------- | -------- | -------- |
-  | image | Image | 图片资源，请参考[Image对象](../arkui-js/js-components-canvas-image.md)。 |
+  | image | Image \| PixelMap | 图片资源，请参考[Image对象](../arkui-js/js-components-canvas-image.md) 或[PixelMap对象](../apis/js-apis-image.md)。 |
   | sx | number | 裁切源图像时距离源图像左上角的x坐标值。 |
   | sy | number | 裁切源图像时距离源图像左上角的y坐标值。 |
   | sWidth | number | 裁切源图像时需要裁切的宽度。 |
@@ -1834,6 +1834,47 @@ putImageData(imageData: Object, dx: number, dy: number, dirtyX: number, dirtyY:
 
   ![zh-cn_image_0000001214463283](figures/zh-cn_image_0000001214463283.png)
 
+### getPixelMap
+
+getPixelMap(sx: number, sy: number, sw: number, sh: number): PixelMap
+
+以当前canvas指定区域内的像素创建PixelMap对象。
+
+- 参数
+
+  | 参数 | 类型   | 描述                        |
+  | ---- | ------ | --------------------------- |
+  | sx   | number | 需要输出区域的左上角x坐标。 |
+  | sy   | number | 需要输出区域的左上角y坐标。 |
+  | sw   | number | 需要输出区域的宽度。        |
+  | sh   | number | 需要输出区域的高度。        |
+
+- 返回值
+
+  | 类型     | 说明                                 |
+  | -------- | ------------------------------------ |
+  | PixelMap | 返回包含指定区域像素的PixelMap对象。 |
+
+- 示例
+
+  ```
+  <!-- xxx.hml -->
+  <div>
+    <canvas id="canvasId"; style="width: 200px; height: 150px; background-color: #ffff00;"></canvas>
+  </div>
+  ```
+
+  ```
+  //xxx.js
+  export default {
+    onShow() {
+      const test = this.$element('canvasId')
+      const ctx = test.getContext('2d');
+      var pixelMap = ctx.getPixelMap(0, 0, 280, 300);
+    }
+  }
+  ```
+
 ### setLineDash
 
 setLineDash(segments: Array): void
@@ -1938,4 +1979,4 @@ transferFromImageBitmap(bitmap: ImageBitmap): void
 
   ```
   
-  ```
\ No newline at end of file
+  ```