diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/common_ts_ets_api.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/common_ts_ets_api.ets
index 4ad9aa342f7673d7834fc9f5607595e89f5091e9..5afebc3093afa5d5c32339749e22640db5529519 100644
--- a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/common_ts_ets_api.ets
+++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/common_ts_ets_api.ets
@@ -138,6 +138,23 @@ export default struct Common_ts_ets_apiStaticClear {
             console.info("PersistProp emit action state err: " + JSON.stringify(err.message))
           }
         })
+      Text("common_ts_ets_api-clear")
+        .width(320)
+        .height(70)
+        .fontSize(20)
+        .opacity(1)
+        .align(Alignment.TopStart)
+        .fontColor(0xCCCCCC)
+        .lineHeight(25)
+        .border({ width: 1 })
+        .padding(10)
+        .textAlign(TextAlign.Center)
+        .textOverflow({ overflow: TextOverflow.None })
+        .key("staticClearText")
+        .onClick(() => {
+          AppStorage.clear()
+        })
+
 
     }.width("100%").height("100%")
   }
diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/shapeClipping_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/shapeClipping_y.ets
index 00cdc9d51f0ab18bf0970f1bb6e5a59349417629..6ebc28c60b6a3d9fed074987ac04c9c0d5d260dd 100644
--- a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/shapeClipping_y.ets
+++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/shapeClipping_y.ets
@@ -24,29 +24,14 @@ struct ClipAndMaskExample {
   @State maskType: CommonShapeMethod= new Rect({ width: 280, height: 280 });
   @State clipType: CommonShapeMethod= new Circle({ width: 280, height: 280 });
   polygonInterface:PolygonInterface = Polygon
-
+  circle : CircleInterface = Circle
+  line: LineInterface = Line
+  ellsple :EllipseInterface = Ellipse
   pathInterface : PathInterface = Path
-
   shape:ShapeInterface = Shape
-
   rect: RectInterface = Rect
-
   polylineInterface:PolylineInterface = Polyline
 
-  
-  ellsple: EllipseAttribute = new Ellipse({
-      width:'150px',
-      height: '150px'
-  })
-  circle : CircleAttribute = new Circle({
-    width:'150px',
-    height: '150px'
-  })
-
-  line : LineAttribute = new Line({
-    width:'15px',
-    height: '15px'
-  })
   private stateChangCallBack = (eventData) => {
     if (eventData != null) {
       console.info("shapeClipping page state change called:" + JSON.stringify(eventData));