From 4a54b84df9cd5be5442876aa8e43e303cabb99f6 Mon Sep 17 00:00:00 2001
From: kekee000 <kekee000@gmail.com>
Date: Tue, 18 Nov 2014 21:55:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0pan=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/editor/mode/bound.js   | 15 ++++++++---
 src/editor/mode/pan.js     | 52 ++++++++++++++++++++++++++++++++++++++
 src/editor/mode/support.js |  3 ++-
 3 files changed, 66 insertions(+), 4 deletions(-)
 create mode 100644 src/editor/mode/pan.js

diff --git a/src/editor/mode/bound.js b/src/editor/mode/bound.js
index bb51ea0..5305b87 100644
--- a/src/editor/mode/bound.js
+++ b/src/editor/mode/bound.js
@@ -1,7 +1,7 @@
 /**
  * @file bound.js
  * @author mengke01
- * @date 
+ * @date
  * @description
  * 轮廓模式处理事件
  */
@@ -13,7 +13,7 @@ define(
         var selectShape = require('render/util/selectShape');
         var referenceline = require('./referenceline');
         var mode = {
-            
+
             /**
              * 按下事件
              */
@@ -25,7 +25,7 @@ define(
                         this.setMode('referenceline', referenceline.newLine, e.x, e.y);
                         return;
                     }
-                    
+
                     // 字体模式
                     var result = this.fontLayer.getShapeIn(e);
                     if(result) {
@@ -46,6 +46,15 @@ define(
                 }
             },
 
+            /**
+             * 按键
+             */
+            keydown: function(e) {
+                if(e.keyCode == 32) {
+                    this.setMode('pan');
+                }
+            },
+
             /**
              * 按键
              */
diff --git a/src/editor/mode/pan.js b/src/editor/mode/pan.js
new file mode 100644
index 0000000..8a60cd5
--- /dev/null
+++ b/src/editor/mode/pan.js
@@ -0,0 +1,52 @@
+/**
+ * @file pan.js
+ * @author mengke01
+ * @date
+ * @description
+ * 区域查看模式
+ */
+
+
+define(
+    function(require) {
+
+        var mode = {
+
+            /**
+             * 拖动事件
+             */
+            drag: function(e) {
+                if (1 == e.which) {
+                    var camera = this.render.camera;
+                    this.render.move(camera.mx, camera.my);
+                    this.render.refresh();
+                }
+            },
+
+            /**
+             * 按键
+             */
+            keyup: function(e) {
+                if(e.keyCode == 32) {
+                    this.setMode('bound');
+                }
+            },
+
+            /**
+             * 开始模式
+             */
+            begin: function() {
+                this.render.setCursor('pointer');
+            },
+
+            /**
+             * 结束模式
+             */
+            end: function() {
+                this.render.setCursor('default');
+            }
+        };
+
+        return mode;
+    }
+);
diff --git a/src/editor/mode/support.js b/src/editor/mode/support.js
index 7432875..0294a5a 100644
--- a/src/editor/mode/support.js
+++ b/src/editor/mode/support.js
@@ -1,7 +1,7 @@
 /**
  * @file support.js
  * @author mengke01
- * @date 
+ * @date
  * @description
  * 编辑器模式集合
  */
@@ -12,6 +12,7 @@ define(
         return {
             'point': require('./point'),
             'range': require('./range'),
+            'pan': require('./pan'),
             'default': require('./bound'),
             'shapes': require('./shapes'),
             'addshapes': require('./addshapes'),