diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-components-offscreencanvas.md b/zh-cn/application-dev/reference/arkui-ts/ts-components-offscreencanvas.md
index aac5a3287fc99a8839acd8101015233008c85287..b0e853d10358f56ab6de099a010313c472a68915 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-components-offscreencanvas.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-components-offscreencanvas.md
@@ -51,6 +51,8 @@ struct OffscreenCanvasPage {
         Canvas(this.context)
           .width('100%')
           .height('100%')
+          .borderWidth(5)
+          .borderColor('#00FF00')
           .backgroundColor('#FFFFFF')
           .onReady(() => {
             var offContext = this.offCanvas.getContext("2d", this.settings)
@@ -85,6 +87,8 @@ struct OffscreenCanvasPage {
         Canvas(this.context)
           .width('100%')
           .height('100%')
+          .borderWidth(5)
+          .borderColor('#00FF00')
           .backgroundColor('#FFFFFF')
           .onReady(() => {
             var offContext = this.offCanvas.getContext("2d", this.settings)
@@ -135,7 +139,7 @@ struct OffscreenCanvasPage {
         .width('100%')
         .height('100%')
         .borderWidth(5)
-        .borderColor(Color.Green)
+        .borderColor('#00FF00')
         .backgroundColor('#FFFFFF')
         .onReady(() => {
           var offContext = this.offCanvas.getContext("2d", this.settings)