diff --git a/pages.json b/pages.json
index a2ae57d284935b074bb443c9da9ae742b87d0552..606fe3a7e50f16f73fe8d40ce6d9ea17481f5cb1 100644
--- a/pages.json
+++ b/pages.json
@@ -965,8 +965,16 @@
         "navigationBarTitleText": "sticky-header",
         "enablePullDownRefresh": false
       }
+    },
+    {
+      "path" : "pages/API/element-takesnapshot/element-takesnapshot",
+      "style" :
+      {
+        "navigationBarTitleText" : "",
+        "enablePullDownRefresh" : false
+      }
     }
-    
+
   ],
   "globalStyle": {
     "pageOrientation": "portrait",
@@ -1017,4 +1025,4 @@
       "query": "" //启动参数，在页面的onLoad函数里面得到
     }]
   }
-}
\ No newline at end of file
+}
diff --git a/pages/API/element-takesnapshot/element-takesnapshot.uvue b/pages/API/element-takesnapshot/element-takesnapshot.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..742b85d22e600d50789a7a005b720a27c805e5c3
--- /dev/null
+++ b/pages/API/element-takesnapshot/element-takesnapshot.uvue
@@ -0,0 +1,60 @@
+<template>
+  <view>
+    <page-head id="page-head" title="getElementById"></page-head>
+    <view class="uni-padding-wrap" id="snapshot-content">
+      <text id="text">this is text</text>
+      <view id="view" class="uni-common-mt" style="border: 1px solid red"
+        >this is view</view
+      >
+      <button class="uni-btn" @click="changeViewStyle">
+        修改 view 宽高及背景色
+      </button>
+
+      <button class="uni-btn" type="primary" @click="takeSnapshotClick">
+        点击截图
+      </button>
+    </view>
+    <image style="margin-top: 20px;" :src="snapImage" mode="aspectFit"></image>
+  </view>
+</template>
+
+<script lang="uts">
+export default {
+  data() {
+    return {
+      snapImage:"/static/uni.png"
+    }
+  },
+  methods: {
+
+    changeViewStyle(){
+      const text = uni.getElementById('text')!
+      text.style.setProperty('color', 'red')
+
+      const view = uni.getElementById('view')!
+      view.style.setProperty('width', '90%')
+      view.style.setProperty('height', '50px')
+      view.style.setProperty('backgroundColor', '#007AFF')
+    },
+    takeSnapshotClick(){
+      const view = uni.getElementById('snapshot-content')!
+      view.takeSnapshot({
+        success:function(res:TakeSnapshotSuccess){
+          console.log(res.tempFilePath)
+          this.snapImage = res.tempFilePath
+          uni.showToast({
+            title:'截图成功'
+          })
+        },
+        fail:function(res:TakeSnapshotFail){
+          console.log(res)
+          uni.showToast({
+            icon:'error',
+            title:'截图失败'
+          })
+        }
+      } as TakeSnapshotOptions)
+    }
+  }
+}
+</script>
diff --git a/pages/tabBar/API.uvue b/pages/tabBar/API.uvue
index c31a1e53cbf672136bf50c936f1a1b9c6e7d7071..7e5adfca509af55bcfef96210e1ed0edf4acd56a 100644
--- a/pages/tabBar/API.uvue
+++ b/pages/tabBar/API.uvue
@@ -146,6 +146,11 @@
                 name: 'element元素',
                 url: 'get-element-by-id',
                 api: ["getElementById"]
+              },
+              {
+                name: 'element截图',
+                url: 'element-takesnapshot',
+                api: ["takeSnapshot"]
               },
               {
                 name: 'node节点',