diff --git a/docs/todo/idraw.md b/docs/todo/idraw.md
index 0d96033..6c339e2 100644
--- a/docs/todo/idraw.md
+++ b/docs/todo/idraw.md
@@ -1,6 +1,7 @@
 # idraw
 
-* [] BUG: Undo/Redo need trigger "changeData" event
+* [] BUG: iDraw.js can't render image on Mobile browser
+* [x] BUG: Undo/Redo need trigger "changeData" event
 * Export
   * [] Export image
   * [] Source file
diff --git a/packages/board/examples/features/main.js b/packages/board/examples/features/main.js
index c24ff0e..70c38ed 100644
--- a/packages/board/examples/features/main.js
+++ b/packages/board/examples/features/main.js
@@ -5,7 +5,7 @@ import { doScroll } from "./lib/scroll.js";
 import { initEvent } from "./lib/event.js";
 import { doCursor } from "./lib/action.js";
 
-const { Board } = window.iDraw;
+const Board = window.iDrawBoard;
 
 const mount = document.querySelector("#mount");
 const board = new Board(mount, opts);
diff --git a/packages/board/examples/test/get-screen-center.html b/packages/board/examples/test/get-screen-center.html
index 2ca59e3..4b52c7c 100644
--- a/packages/board/examples/test/get-screen-center.html
+++ b/packages/board/examples/test/get-screen-center.html
@@ -25,7 +25,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
       const mount = document.querySelector('#mount');
       const opts = {
         width: 600,
diff --git a/packages/board/examples/test/main.html b/packages/board/examples/test/main.html
index 95cc837..50c5e0c 100644
--- a/packages/board/examples/test/main.html
+++ b/packages/board/examples/test/main.html
@@ -22,7 +22,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
 
       const mount = document.querySelector('#mount');
       const board = new Board(mount, {
diff --git a/packages/board/examples/test/reset-size.html b/packages/board/examples/test/reset-size.html
index 133975a..b9ceb00 100644
--- a/packages/board/examples/test/reset-size.html
+++ b/packages/board/examples/test/reset-size.html
@@ -25,7 +25,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
       const mount = document.querySelector('#mount');
       const opts = {
         width: 600,
diff --git a/packages/board/examples/test/scale-001.html b/packages/board/examples/test/scale-001.html
index 42ad060..59f8c42 100644
--- a/packages/board/examples/test/scale-001.html
+++ b/packages/board/examples/test/scale-001.html
@@ -22,7 +22,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
       const mount = document.querySelector('#mount');
       const board = new Board(mount, {
         width: 600,
diff --git a/packages/board/examples/test/scale-002.html b/packages/board/examples/test/scale-002.html
index 6f87ed2..396ed91 100644
--- a/packages/board/examples/test/scale-002.html
+++ b/packages/board/examples/test/scale-002.html
@@ -22,7 +22,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
       const mount = document.querySelector('#mount');
       const board = new Board(mount, {
         width: 600,
diff --git a/packages/board/examples/test/scale-003.html b/packages/board/examples/test/scale-003.html
index 3f752e1..9fc35ab 100644
--- a/packages/board/examples/test/scale-003.html
+++ b/packages/board/examples/test/scale-003.html
@@ -22,7 +22,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
       const mount = document.querySelector('#mount');
       const board = new Board(mount, {
         width: 600,
diff --git a/packages/board/examples/test/scale-004.html b/packages/board/examples/test/scale-004.html
index f3c47f6..334b796 100644
--- a/packages/board/examples/test/scale-004.html
+++ b/packages/board/examples/test/scale-004.html
@@ -22,7 +22,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
       const mount = document.querySelector('#mount');
       const opts = {
         width: 600,
diff --git a/packages/board/examples/test/scale-005.html b/packages/board/examples/test/scale-005.html
index 6f98bbe..f6a6133 100644
--- a/packages/board/examples/test/scale-005.html
+++ b/packages/board/examples/test/scale-005.html
@@ -22,7 +22,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
       const mount = document.querySelector('#mount');
       const opts = {
         width: 600,
diff --git a/packages/board/examples/test/scroll.html b/packages/board/examples/test/scroll.html
index 5af1b6a..d2bb0c5 100644
--- a/packages/board/examples/test/scroll.html
+++ b/packages/board/examples/test/scroll.html
@@ -25,7 +25,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
       const mount = document.querySelector('#mount');
       const opts = {
         width: 600,
diff --git a/packages/board/examples/test/transform-large.html b/packages/board/examples/test/transform-large.html
index fc2f3f0..2c465f7 100644
--- a/packages/board/examples/test/transform-large.html
+++ b/packages/board/examples/test/transform-large.html
@@ -22,7 +22,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
       const mount = document.querySelector('#mount');
       const board = new Board(mount, {
         width: 600,
diff --git a/packages/board/examples/test/transform-small.html b/packages/board/examples/test/transform-small.html
index 3a90e83..6250918 100644
--- a/packages/board/examples/test/transform-small.html
+++ b/packages/board/examples/test/transform-small.html
@@ -22,7 +22,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
       const mount = document.querySelector('#mount');
       const board = new Board(mount, {
         width: 600,
diff --git a/packages/board/examples/test/wheel.html b/packages/board/examples/test/wheel.html
index 17b910a..d008ef1 100644
--- a/packages/board/examples/test/wheel.html
+++ b/packages/board/examples/test/wheel.html
@@ -25,7 +25,7 @@
 
     <script src="./../../dist/index.global.js"></script>
     <script>
-      const { Board } = window.iDraw; 
+      const Board = window.iDrawBoard; 
       const mount = document.querySelector('#mount');
       const opts = {
         width: 600,
diff --git a/packages/core/examples/features/lib/main.js b/packages/core/examples/features/lib/main.js
index 687f632..f9ca777 100644
--- a/packages/core/examples/features/lib/main.js
+++ b/packages/core/examples/features/lib/main.js
@@ -3,7 +3,7 @@ import { doScale } from './scale.js';
 import { doScroll } from './scroll.js';
 import { doElemens } from './element.js';
 
-const { Core } = window.iDraw;
+const Core = window.iDrawCore;
 const data = getData();
 const mount = document.querySelector('#mount');
 
diff --git a/packages/core/examples/test/circle.html b/packages/core/examples/test/circle.html
index a101827..097a599 100644
--- a/packages/core/examples/test/circle.html
+++ b/packages/core/examples/test/circle.html
@@ -24,7 +24,7 @@
     <script src="./../../dist/index.global.js"></script>
     <script type="module">
       import data from './../features/lib/data/circle.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
       const core = new Core(
         document.querySelector('#mount'), {
           width: 600,
diff --git a/packages/core/examples/test/html.html b/packages/core/examples/test/html.html
index fa30fbb..dad8019 100644
--- a/packages/core/examples/test/html.html
+++ b/packages/core/examples/test/html.html
@@ -23,7 +23,7 @@
     <script src="./../../dist/index.global.js"></script>
     <script type="module">
       import data from './../features/lib/data/html.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
       const core = new Core(
         document.querySelector('#mount'), {
           width: 600,
diff --git a/packages/core/examples/test/image.html b/packages/core/examples/test/image.html
index 9d653e7..86a3d73 100644
--- a/packages/core/examples/test/image.html
+++ b/packages/core/examples/test/image.html
@@ -24,7 +24,7 @@
     <script src="./../../dist/index.global.js"></script>
     <script type="module">
       import data from './../features/lib/data/image.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
       const core = new Core(
         document.querySelector('#mount'), {
           width: 600,
diff --git a/packages/core/examples/test/only-render.html b/packages/core/examples/test/only-render.html
index b1072c0..28d2432 100644
--- a/packages/core/examples/test/only-render.html
+++ b/packages/core/examples/test/only-render.html
@@ -25,7 +25,8 @@
     <script src="./../../../util/dist/index.global.js"></script>
     <script type="module">
       import data from './../features/lib/data/image.js';
-      const { Core, util } = window.iDraw;
+      const Core = window.iDrawCore;
+      const uitl = window.iDrawUtil;
       data.elements.forEach((elem, i) => {
         elem.uuid = `aaaaaaaa-aaaa-aaaa-aaaa-aa000000000${i}`;
       });
diff --git a/packages/core/examples/test/rect.html b/packages/core/examples/test/rect.html
index 0e10b1f..0de5423 100644
--- a/packages/core/examples/test/rect.html
+++ b/packages/core/examples/test/rect.html
@@ -24,7 +24,7 @@
     <script src="./../../dist/index.global.js"></script>
     <script type="module">
       import data from './../features/lib/data/rect.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
       const core = new Core(
         document.querySelector('#mount'), {
           width: 600,
diff --git a/packages/core/examples/test/reset-size.html b/packages/core/examples/test/reset-size.html
index 0e487d4..e28cd24 100644
--- a/packages/core/examples/test/reset-size.html
+++ b/packages/core/examples/test/reset-size.html
@@ -24,7 +24,7 @@
     <script src="./../../dist/index.global.js"></script>
     <script type="module">
       import { getData } from './data.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
       const data = getData();
       const core = new Core(
         document.querySelector('#mount'), {
diff --git a/packages/core/examples/test/scale-001.html b/packages/core/examples/test/scale-001.html
index f4e1798..8701cb9 100644
--- a/packages/core/examples/test/scale-001.html
+++ b/packages/core/examples/test/scale-001.html
@@ -24,7 +24,7 @@
     <script src="./../../dist/index.global.js"></script>
     <script type="module">
       import { getData } from './data.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
       const data = getData();
       const core = new Core(
         document.querySelector('#mount'), {
diff --git a/packages/core/examples/test/scale-002.html b/packages/core/examples/test/scale-002.html
index 91d64ea..aa7ce3b 100644
--- a/packages/core/examples/test/scale-002.html
+++ b/packages/core/examples/test/scale-002.html
@@ -24,7 +24,7 @@
     <script src="./../../dist/index.global.js"></script>
     <script type="module">
       import { getData } from './data.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
       const data = getData();
       const core = new Core(
         document.querySelector('#mount'), {
diff --git a/packages/core/examples/test/scale-003.html b/packages/core/examples/test/scale-003.html
index 780cdd9..be68dbc 100644
--- a/packages/core/examples/test/scale-003.html
+++ b/packages/core/examples/test/scale-003.html
@@ -24,7 +24,7 @@
     <script src="./../../dist/index.global.js"></script>
     <script type="module">
       import { getData } from './data.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
       const data = getData();
       const core = new Core( document.querySelector('#mount'), {
         width: 600,
diff --git a/packages/core/examples/test/scroll.html b/packages/core/examples/test/scroll.html
index 09960f3..9e6f2b6 100644
--- a/packages/core/examples/test/scroll.html
+++ b/packages/core/examples/test/scroll.html
@@ -24,7 +24,7 @@
     <script src="./../../dist/index.global.js"></script>
     <script type="module">
       import { getData } from './data.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
       const data = getData();
       const core = new Core(
         document.querySelector('#mount'), {
diff --git a/packages/core/examples/test/svg.html b/packages/core/examples/test/svg.html
index 8f1f229..80608f1 100644
--- a/packages/core/examples/test/svg.html
+++ b/packages/core/examples/test/svg.html
@@ -24,7 +24,7 @@
     <script src="./../../dist/index.global.js"></script>
     <script type="module">
       import data from './../features/lib/data/svg.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
       const core = new Core(
         document.querySelector('#mount'), {
           width: 600,
diff --git a/packages/core/examples/test/text.html b/packages/core/examples/test/text.html
index 16f5365..29cc120 100644
--- a/packages/core/examples/test/text.html
+++ b/packages/core/examples/test/text.html
@@ -24,7 +24,7 @@
     <script src="./../../dist/index.global.js"></script>
     <script type="module">
       import data from './../features/lib/data/text.js';
-      const { Core } = window.iDraw;
+      const Core = window.iDrawCore;
       const core = new Core(
         document.querySelector('#mount'), {
           width: 600,
diff --git a/packages/core/examples/test/update-element-later.html b/packages/core/examples/test/update-element-later.html
index 7b1978c..0ffae98 100644
--- a/packages/core/examples/test/update-element-later.html
+++ b/packages/core/examples/test/update-element-later.html
@@ -25,7 +25,8 @@
     <script src="./../../../util/dist/index.global.js"></script>
     <script type="module">
       import data from './../features/lib/data/image.js';
-      const { Core, util } = window.iDraw;
+      const Core = window.iDrawCore;
+      const uitl = window.iDrawUtil;
       data.elements.forEach((elem, i) => {
         elem.uuid = `aaaaaaaa-aaaa-aaaa-aaaa-aa000000000${i}`;
       });
diff --git a/packages/core/examples/test/update-element.html b/packages/core/examples/test/update-element.html
index 7e34d2d..e323410 100644
--- a/packages/core/examples/test/update-element.html
+++ b/packages/core/examples/test/update-element.html
@@ -25,7 +25,8 @@
     <script src="./../../../util/dist/index.global.js"></script>
     <script type="module">
       import data from './../features/lib/data/image.js';
-      const { Core, util } = window.iDraw;
+      const Core = window.iDrawCore;
+      const uitl = window.iDrawUtil;
       data.elements.forEach((elem, i) => {
         elem.uuid = `aaaaaaaa-aaaa-aaaa-aaaa-aa000000000${i}`;
       });
diff --git a/packages/idraw/examples/lib/main.js b/packages/idraw/examples/lib/main.js
index 5bddbe1..0935de7 100644
--- a/packages/idraw/examples/lib/main.js
+++ b/packages/idraw/examples/lib/main.js
@@ -4,7 +4,7 @@ import { doScroll } from './scroll.js';
 import { doElemens } from './element.js';
 import { doAction } from './action.js'
 
-const { IDraw } = window.iDraw;
+const iDraw = window.iDraw;
 const mount = document.querySelector('#mount');
 
 const defaultConf = {
@@ -12,7 +12,7 @@ const defaultConf = {
   scrollX: 0,
   scrollY: 0,
 }
-const idraw = new IDraw(mount, {
+const idraw = new iDraw(mount, {
   width: 600,
   height: 400,
   contextWidth: 600,
diff --git a/scripts/config.js b/scripts/config.js
index 8fa8bce..03d39d5 100644
--- a/scripts/config.js
+++ b/scripts/config.js
@@ -1,19 +1,19 @@
 const packages = [
   {
     dirName: 'util',
-    globalName: 'iDraw.util',
+    globalName: 'iDrawUtil',
   },
   {
     dirName: 'board',
-    globalName: 'iDraw.Board',
+    globalName: 'iDrawBoard',
   },
   {
     dirName: 'core',
-    globalName: 'iDraw.Core',
+    globalName: 'iDrawCore',
   },
   {
     dirName: 'idraw',
-    globalName: 'iDraw.IDraw',
+    globalName: 'iDraw',
   },
 ];