diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/size.png b/zh-cn/application-dev/reference/arkui-ts/figures/size.png
index b89a721447db8981ebe3fb34bccbfd939dd1f91e..75bd2aeb4314f406b172f8d1c1df4e14b8b106fd 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/size.png and b/zh-cn/application-dev/reference/arkui-ts/figures/size.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md
index 51bcccb184563d827f225b2d85a0abc60c8ab1ec..f5edd064e7e05ff3a92c0c2c2b4ce591ac1baac5 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md
@@ -76,6 +76,11 @@ struct SizeExample {
         Text('no layoutWeight')
           .size({ width: '30%', height: 110 }).backgroundColor(0xD2B48C).textAlign(TextAlign.Center)
       }.size({ width: '90%', height: 140 }).backgroundColor(0xAFEEEE)
+      // calc计算特性
+      Text('calc:').fontSize(12).fontColor(0xCCCCCC).width('90%')
+      Text('calc test').fontSize(50).fontWeight(FontWeight.Bold).backgroundColor(0xFFFAF0).textAlign(TextAlign.Center)
+        .margin('calc(25vp*2)')
+        .size({width:'calc(90%)', height:'calc(50vp + 10%)'})
     }.width('100%').margin({ top: 5 })
   }
 }