diff --git a/zh-cn/application-dev/reference/apis-arkgraphics2d/js-apis-effectKit.md b/zh-cn/application-dev/reference/apis-arkgraphics2d/js-apis-effectKit.md
index 6006c85adda5c8cde4eb9b07fbc19a51f22363b9..f6e6bdc8c3784b845914dee7b55919ea7ae7f331 100644
--- a/zh-cn/application-dev/reference/apis-arkgraphics2d/js-apis-effectKit.md
+++ b/zh-cn/application-dev/reference/apis-arkgraphics2d/js-apis-effectKit.md
@@ -272,30 +272,28 @@ getMainColor(): Promise\<Color>
 import image from "@ohos.multimedia.image";
 import effectKit from "@ohos.effectKit";
 
-export function test06(): void {
-  const color = new ArrayBuffer(96);
-  let opts: image.InitializationOptions = {
-    editable: true,
-    pixelFormat: 3,
-    size: {
-      height: 4,
-      width: 6
-    }
+const color = new ArrayBuffer(96);
+let opts: image.InitializationOptions = {
+  editable: true,
+  pixelFormat: 3,
+  size: {
+    height: 4,
+    width: 6
   }
-  image.createPixelMap(color, opts).then((pixelMap) => {
-    effectKit.createColorPicker(pixelMap, (error, colorPicker) => {
-      if (error) {
-        console.error('Failed to create color picker.');
-      } else {
-        console.info('Succeeded in creating color picker.');
-        colorPicker.getMainColor().then(color => {
-          console.info('Succeeded in getting main color.');
-          console.info(`color[ARGB]=${color.alpha},${color.red},${color.green},${color.blue}`);
-        })
-      }
-    })
-  })
 }
+image.createPixelMap(color, opts).then((pixelMap) => {
+  effectKit.createColorPicker(pixelMap, (error, colorPicker) => {
+    if (error) {
+      console.error('Failed to create color picker.');
+     } else {
+       console.info('Succeeded in creating color picker.');
+       colorPicker.getMainColor().then(color => {
+        console.info('Succeeded in getting main color.');
+         console.info(`color[ARGB]=${color.alpha},${color.red},${color.green},${color.blue}`);
+      })
+    }
+  })
+})
 ```
 
 ### getMainColorSync