diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194192434.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194192434.png
index f5cd637e5bf9db13e3334ca00413e3a91412c813..d2d75c22fdc20c39349b1397b52fb156a454d894 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194192434.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001194192434.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238832405.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238832405.png
old mode 100644
new mode 100755
index f5cd637e5bf9db13e3334ca00413e3a91412c813..d2d75c22fdc20c39349b1397b52fb156a454d894
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238832405.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001238832405.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md b/zh-cn/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
index 01ceb1f4b659454800f2aa014ad56ba90f784ab5..4afe773395be885b7cf04adf958f7812572ae8d7 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
@@ -388,11 +388,11 @@ struct GlobalAlpha {
         .height('100%')
         .backgroundColor('#ffff00')
         .onReady(() =>{
-        this.context.fillStyle = 'rgb(255,0,0)'
-        this.context.fillRect(0, 0, 50, 50)
-        this.context.globalAlpha = 0.4
-        this.context.fillStyle = 'rgb(0,0,255)'
-        this.context.fillRect(50, 50, 50, 50)
+          this.context.fillStyle = 'rgb(0,0,255)'
+          this.context.fillRect(0, 0, 50, 50)
+          this.context.globalAlpha = 0.4
+          this.context.fillStyle = 'rgb(0,0,255)'
+          this.context.fillRect(50, 50, 50, 50)
       })
     }
     .width('100%')
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md b/zh-cn/application-dev/reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md
index c2c1a3af88193b593a9cc61671dc2b0c4a0600da..4be30d4b76a5f60621801b360dcf3ec429faaf5e 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md
@@ -407,7 +407,7 @@ struct GlobalAlpha {
         .height('100%')
         .backgroundColor('#ffff00')
         .onReady(() =>{
-          this.offContext.fillStyle = 'rgb(255,0,0)'
+          this.offContext.fillStyle = 'rgb(0,0,255)'
           this.offContext.fillRect(0, 0, 50, 50)
           this.offContext.globalAlpha = 0.4
           this.offContext.fillStyle = 'rgb(0,0,255)'