diff --git a/__tests__/snapshot/core/examples/test/api.html.jpg b/__tests__/snapshot/core/examples/test/api.html.jpg
new file mode 100644
index 0000000..7585ff5
Binary files /dev/null and b/__tests__/snapshot/core/examples/test/api.html.jpg differ
diff --git a/__tests__/snapshot/core/examples/test/reset-size.html.jpg b/__tests__/snapshot/core/examples/test/reset-size.html.jpg
deleted file mode 100644
index f29302d..0000000
Binary files a/__tests__/snapshot/core/examples/test/reset-size.html.jpg and /dev/null differ
diff --git a/__tests__/snapshot/core/examples/test/scale-001.html.jpg b/__tests__/snapshot/core/examples/test/scale-001.html.jpg
deleted file mode 100644
index f2bb0bb..0000000
Binary files a/__tests__/snapshot/core/examples/test/scale-001.html.jpg and /dev/null differ
diff --git a/__tests__/snapshot/core/examples/test/scale-002.html.jpg b/__tests__/snapshot/core/examples/test/scale-002.html.jpg
deleted file mode 100644
index 24f5678..0000000
Binary files a/__tests__/snapshot/core/examples/test/scale-002.html.jpg and /dev/null differ
diff --git a/__tests__/snapshot/core/examples/test/scale-003.html.jpg b/__tests__/snapshot/core/examples/test/scale-003.html.jpg
deleted file mode 100644
index 2f342c5..0000000
Binary files a/__tests__/snapshot/core/examples/test/scale-003.html.jpg and /dev/null differ
diff --git a/__tests__/snapshot/core/examples/test/update-element-later.html.jpg b/__tests__/snapshot/core/examples/test/update-element-later.html.jpg
deleted file mode 100644
index 01b7370..0000000
Binary files a/__tests__/snapshot/core/examples/test/update-element-later.html.jpg and /dev/null differ
diff --git a/__tests__/snapshot/core/examples/test/update-element.html.jpg b/__tests__/snapshot/core/examples/test/update-element.html.jpg
deleted file mode 100644
index 01b7370..0000000
Binary files a/__tests__/snapshot/core/examples/test/update-element.html.jpg and /dev/null differ
diff --git a/packages/core/examples/test/only-render.html b/packages/core/examples/test/only-render.html
deleted file mode 100644
index 28d2432..0000000
--- a/packages/core/examples/test/only-render.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<html>
-  <head>
-    <style></style>
-    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <style>
-      html,body { margin: 0; padding: 0; }
-      #mount canvas {
-        border-right: 1px solid #aaaaaa40;
-        border-bottom: 1px solid #aaaaaa40;
-        background-image:
-        linear-gradient(#aaaaaa40 1px, transparent 0),
-        linear-gradient(90deg, #aaaaaa40 1px, transparent 0),
-        linear-gradient(#aaa 1px, transparent 0),
-        linear-gradient(90deg, #aaa 1px, transparent 0);
-        background-size: 10px 10px, 10px 10px, 50px 50px, 50px 50px;
-      }
-    </style>
-  </head>
-  <body>
-
-    <div id="mount"></div>
-
-
-    <script src="./../../dist/index.global.js"></script>
-    <script src="./../../../util/dist/index.global.js"></script>
-    <script type="module">
-      import data from './../features/lib/data/image.js';
-      const Core = window.iDrawCore;
-      const uitl = window.iDrawUtil;
-      data.elements.forEach((elem, i) => {
-        elem.uuid = `aaaaaaaa-aaaa-aaaa-aaaa-aa000000000${i}`;
-      });
-      const core = new Core(
-        document.querySelector('#mount'), {
-          width: 600,
-          height: 400,
-          contextWidth: 600,
-          contextHeight: 400,
-          devicePixelRatio: 4,
-          onlyRender: true,
-        });
-      core.setData(data);
-
-      setTimeout(() => {
-        data.elements[0].desc.src = `./../images/phone.png?v=${Date.now()}`;
-        core.updateElement(data.elements[0]);
-        console.log('update ok!');
-      }, 2000);
-    </script>
-  </body>
-</html>
\ No newline at end of file
diff --git a/packages/core/examples/test/reset-size.html b/packages/core/examples/test/reset-size.html
deleted file mode 100644
index e28cd24..0000000
--- a/packages/core/examples/test/reset-size.html
+++ /dev/null
@@ -1,71 +0,0 @@
-<html>
-  <head>
-    <style></style>
-    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <style>
-      html,body { margin: 0; padding: 0; }
-      #mount canvas {
-        border-right: 1px solid #aaaaaa40;
-        border-bottom: 1px solid #aaaaaa40;
-        background-image:
-        linear-gradient(#aaaaaa40 1px, transparent 0),
-        linear-gradient(90deg, #aaaaaa40 1px, transparent 0),
-        linear-gradient(#aaa 1px, transparent 0),
-        linear-gradient(90deg, #aaa 1px, transparent 0);
-        background-size: 10px 10px, 10px 10px, 50px 50px, 50px 50px;
-      }
-    </style>
-  </head>
-  <body>
-
-    <div id="mount"></div>
-
-
-    <script src="./../../dist/index.global.js"></script>
-    <script type="module">
-      import { getData } from './data.js';
-      const Core = window.iDrawCore;
-      const data = getData();
-      const core = new Core(
-        document.querySelector('#mount'), {
-          width: 600,
-          height: 400,
-          contextWidth: 1000,
-          contextHeight: 900,
-          devicePixelRatio: 4,
-        }, {
-          scrollWrapper: {
-            use: true,
-          }
-        });
-      core.setData(data);
-      core.addElement({
-        name: 'text-001',
-        x: 790,
-        y: 790,
-        w: 200,
-        h: 100,
-        type: 'text',
-        desc: {
-          fontSize: 20,
-          color: '#333333',
-          text: '生活就像海洋，只有意志坚强的人，才能到达彼岸。',
-          fontFamily: '',
-          borderRadius: 20,
-          borderWidth: 2,
-          borderColor: '#bd0b64',
-        }
-      })
-      core.scale(1);
-
-      core.resetSize({
-        width: 300,
-        height: 200,
-        contextWidth: 990,
-        contextHeight: 890,
-        devicePixelRatio: 3,
-      });
-      core.scale(0.5);
-    </script>
-  </body>
-</html>
\ No newline at end of file
diff --git a/packages/core/examples/test/scale-001.html b/packages/core/examples/test/scale-001.html
deleted file mode 100644
index 8701cb9..0000000
--- a/packages/core/examples/test/scale-001.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<html>
-  <head>
-    <style></style>
-    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <style>
-      html,body { margin: 0; padding: 0; }
-      #mount canvas {
-        border-right: 1px solid #aaaaaa40;
-        border-bottom: 1px solid #aaaaaa40;
-        background-image:
-        linear-gradient(#aaaaaa40 1px, transparent 0),
-        linear-gradient(90deg, #aaaaaa40 1px, transparent 0),
-        linear-gradient(#aaa 1px, transparent 0),
-        linear-gradient(90deg, #aaa 1px, transparent 0);
-        background-size: 10px 10px, 10px 10px, 50px 50px, 50px 50px;
-      }
-    </style>
-  </head>
-  <body>
-
-    <div id="mount"></div>
-
-
-    <script src="./../../dist/index.global.js"></script>
-    <script type="module">
-      import { getData } from './data.js';
-      const Core = window.iDrawCore;
-      const data = getData();
-      const core = new Core(
-        document.querySelector('#mount'), {
-          width: 600,
-          height: 400,
-          contextWidth: 1000,
-          contextHeight: 900,
-          devicePixelRatio: 4
-        });
-      core.setData(data);
-      const result = core.scale(0.5);
-      console.log('scale: ', result);
-    </script>
-  </body>
-</html>
\ No newline at end of file
diff --git a/packages/core/examples/test/scale-002.html b/packages/core/examples/test/scale-002.html
deleted file mode 100644
index 69c3e05..0000000
--- a/packages/core/examples/test/scale-002.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<html>
-  <head>
-    <style></style>
-    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <style>
-      html,body { margin: 0; padding: 0; }
-      #mount canvas {
-        border-right: 1px solid #aaaaaa40;
-        border-bottom: 1px solid #aaaaaa40;
-        background-image:
-        linear-gradient(#aaaaaa40 1px, transparent 0),
-        linear-gradient(90deg, #aaaaaa40 1px, transparent 0),
-        linear-gradient(#aaa 1px, transparent 0),
-        linear-gradient(90deg, #aaa 1px, transparent 0);
-        background-size: 10px 10px, 10px 10px, 50px 50px, 50px 50px;
-      }
-    </style>
-  </head>
-  <body>
-
-    <div id="mount"></div>
-
-
-    <script src="./../../dist/index.global.js"></script>
-    <script type="module">
-      import { getData } from './data.js';
-      const Core = window.iDrawCore;
-      const data = getData();
-      const core = new Core(
-        document.querySelector('#mount'), {
-          width: 600,
-          height: 400,
-          contextWidth: 1200,
-          contextHeight: 600,
-          devicePixelRatio: 4
-        });
-      core.setData(data);
-      core.scrollLeft(600);
-      core.scrollTop(400);
-      const result = core.scale(0.5);
-      console.log('scale: ', result);
-    </script>
-  </body>
-</html>
\ No newline at end of file
diff --git a/packages/core/examples/test/scale-003.html b/packages/core/examples/test/scale-003.html
deleted file mode 100644
index b752d76..0000000
--- a/packages/core/examples/test/scale-003.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<html>
-  <head>
-    <style></style>
-    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <style>
-      html,body { margin: 0; padding: 0; }
-      #mount canvas {
-        border-right: 1px solid #aaaaaa40;
-        border-bottom: 1px solid #aaaaaa40;
-        background-image:
-        linear-gradient(#aaaaaa40 1px, transparent 0),
-        linear-gradient(90deg, #aaaaaa40 1px, transparent 0),
-        linear-gradient(#aaa 1px, transparent 0),
-        linear-gradient(90deg, #aaa 1px, transparent 0);
-        background-size: 10px 10px, 10px 10px, 50px 50px, 50px 50px;
-      }
-    </style>
-  </head>
-  <body>
-
-    <div id="mount"></div>
-
-
-    <script src="./../../dist/index.global.js"></script>
-    <script type="module">
-      import { getData } from './data.js';
-      const Core = window.iDrawCore;
-      const data = getData();
-      const core = new Core( document.querySelector('#mount'), {
-        width: 600,
-        height: 400,
-        contextWidth: 1000,
-        contextHeight: 600,
-        devicePixelRatio: 4
-      });
-      core.setData(data);
-      core.scrollLeft(400);
-      core.scrollTop(400);
-      const result = core.scale(0.8);
-      // console.log('scale: ', result);
-    </script>
-  </body>
-</html>
\ No newline at end of file
diff --git a/packages/core/examples/test/scroll.html b/packages/core/examples/test/scroll.html
deleted file mode 100644
index 9e6f2b6..0000000
--- a/packages/core/examples/test/scroll.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<html>
-  <head>
-    <style></style>
-    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <style>
-      html,body { margin: 0; padding: 0; }
-      #mount canvas {
-        border-right: 1px solid #aaaaaa40;
-        border-bottom: 1px solid #aaaaaa40;
-        background-image:
-        linear-gradient(#aaaaaa40 1px, transparent 0),
-        linear-gradient(90deg, #aaaaaa40 1px, transparent 0),
-        linear-gradient(#aaa 1px, transparent 0),
-        linear-gradient(90deg, #aaa 1px, transparent 0);
-        background-size: 10px 10px, 10px 10px, 50px 50px, 50px 50px;
-      }
-    </style>
-  </head>
-  <body>
-
-    <div id="mount"></div>
-
-
-    <script src="./../../dist/index.global.js"></script>
-    <script type="module">
-      import { getData } from './data.js';
-      const Core = window.iDrawCore;
-      const data = getData();
-      const core = new Core(
-        document.querySelector('#mount'), {
-          width: 600,
-          height: 400,
-          contextWidth: 1000,
-          contextHeight: 900,
-          devicePixelRatio: 4,
-        }, {
-          scrollWrapper: {
-            use: true,
-            lineWidth: 20,
-          }
-        });
-      core.setData(data);
-      const result = core.scale(1);
-      console.log('scale: ', result);
-    </script>
-  </body>
-</html>
\ No newline at end of file
diff --git a/packages/core/examples/test/update-element-later.html b/packages/core/examples/test/update-element-later.html
deleted file mode 100644
index 0ffae98..0000000
--- a/packages/core/examples/test/update-element-later.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<html>
-  <head>
-    <style></style>
-    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <style>
-      html,body { margin: 0; padding: 0; }
-      #mount canvas {
-        border-right: 1px solid #aaaaaa40;
-        border-bottom: 1px solid #aaaaaa40;
-        background-image:
-        linear-gradient(#aaaaaa40 1px, transparent 0),
-        linear-gradient(90deg, #aaaaaa40 1px, transparent 0),
-        linear-gradient(#aaa 1px, transparent 0),
-        linear-gradient(90deg, #aaa 1px, transparent 0);
-        background-size: 10px 10px, 10px 10px, 50px 50px, 50px 50px;
-      }
-    </style>
-  </head>
-  <body>
-
-    <div id="mount"></div>
-
-
-    <script src="./../../dist/index.global.js"></script>
-    <script src="./../../../util/dist/index.global.js"></script>
-    <script type="module">
-      import data from './../features/lib/data/image.js';
-      const Core = window.iDrawCore;
-      const uitl = window.iDrawUtil;
-      data.elements.forEach((elem, i) => {
-        elem.uuid = `aaaaaaaa-aaaa-aaaa-aaaa-aa000000000${i}`;
-      });
-      const core = new Core(
-        document.querySelector('#mount'), {
-          width: 600,
-          height: 400,
-          contextWidth: 600,
-          contextHeight: 400,
-          devicePixelRatio: 4
-        });
-      core.setData(data);
-
-      setTimeout(() => {
-        data.elements[0].desc.src = `./../images/phone.png?v=${Date.now()}`;
-        core.updateElement(data.elements[0]);
-        console.log('update ok!');
-      }, 2000);
-    </script>
-  </body>
-</html>
\ No newline at end of file
diff --git a/packages/core/examples/test/update-element.html b/packages/core/examples/test/update-element.html
deleted file mode 100644
index e323410..0000000
--- a/packages/core/examples/test/update-element.html
+++ /dev/null
@@ -1,48 +0,0 @@
-<html>
-  <head>
-    <style></style>
-    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <style>
-      html,body { margin: 0; padding: 0; }
-      #mount canvas {
-        border-right: 1px solid #aaaaaa40;
-        border-bottom: 1px solid #aaaaaa40;
-        background-image:
-        linear-gradient(#aaaaaa40 1px, transparent 0),
-        linear-gradient(90deg, #aaaaaa40 1px, transparent 0),
-        linear-gradient(#aaa 1px, transparent 0),
-        linear-gradient(90deg, #aaa 1px, transparent 0);
-        background-size: 10px 10px, 10px 10px, 50px 50px, 50px 50px;
-      }
-    </style>
-  </head>
-  <body>
-
-    <div id="mount"></div>
-
-
-    <script src="./../../dist/index.global.js"></script>
-    <script src="./../../../util/dist/index.global.js"></script>
-    <script type="module">
-      import data from './../features/lib/data/image.js';
-      const Core = window.iDrawCore;
-      const uitl = window.iDrawUtil;
-      data.elements.forEach((elem, i) => {
-        elem.uuid = `aaaaaaaa-aaaa-aaaa-aaaa-aa000000000${i}`;
-      });
-      const core = new Core(
-        document.querySelector('#mount'), {
-          width: 600,
-          height: 400,
-          contextWidth: 600,
-          contextHeight: 400,
-          devicePixelRatio: 4
-        });
-      core.setData(data);
-
-      data.elements[0].desc.src = `./../images/phone.png?v=${Date.now()}`;
-      core.updateElement(data.elements[0]);
-      console.log('update ok!');
-    </script>
-  </body>
-</html>
\ No newline at end of file
diff --git a/scripts/screen.config.js b/scripts/screen.config.js
index 39cacd4..d69a4cd 100644
--- a/scripts/screen.config.js
+++ b/scripts/screen.config.js
@@ -4,13 +4,7 @@ const pageList = [
   { path: 'board/examples/test/scroll.html', w: 620, h: 270, delay: 500 },
   { path: 'board/examples/test/event.html', w: 620, h: 270, delay: 500 },
   { path: 'core/examples/test/elements.html', w: 930, h: 540, delay: 500 },
-  { path: 'core/examples/test/scale-001.html', w: 600, h: 400, delay: 500 },
-  { path: 'core/examples/test/scale-002.html', w: 600, h: 400, delay: 500 },
-  { path: 'core/examples/test/scale-003.html', w: 600, h: 400, delay: 500 },
-  { path: 'core/examples/test/reset-size.html', w: 300, h: 300, delay: 500 },
-  { path: 'core/examples/test/update-element.html', w: 600, h: 400, delay: 500 },
-  { path: 'core/examples/test/update-element-later.html', w: 600, h: 400, delay: 2500 },
-  // { path: 'core/examples/test.html', w: 600, h: 600, delay: 8000 },
+  { path: 'core/examples/test/api.html', w: 930, h: 1300, delay: 1000 },
 ]
 
 module.exports = {
