From ee068ab30c43125efd2b0ab853531df9777f544f Mon Sep 17 00:00:00 2001
From: Tyler Schicke <tyler_schicke@brown.edu>
Date: Thu, 10 Jan 2019 23:52:54 -0500
Subject: Started adding various controllers

---
 src/views/freeformcanvas/FreeFormCanvas.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

(limited to 'src/views')

diff --git a/src/views/freeformcanvas/FreeFormCanvas.tsx b/src/views/freeformcanvas/FreeFormCanvas.tsx
index f02f677a3..d25341cbb 100644
--- a/src/views/freeformcanvas/FreeFormCanvas.tsx
+++ b/src/views/freeformcanvas/FreeFormCanvas.tsx
@@ -41,11 +41,19 @@ export class FreeFormCanvas extends React.Component<IProps> {
         this.props.store.Y += e.movementY;
     }
 
+    onPointerWheel = (e: React.WheelEvent): void => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        let scaleAmount = 1 - (e.deltaY / 1000);
+        this.props.store.Scale *= scaleAmount;
+    }
+
     render() {
         let store = this.props.store;
         return (
-            <div className="freeformcanvas-container" onPointerDown={this.onPointerDown}>
-                <div className="freeformcanvas" style={{ transform: store.Transform }}>
+            <div className="freeformcanvas-container" onPointerDown={this.onPointerDown} onWheel={this.onPointerWheel}>
+                <div className="freeformcanvas" style={{ transform: store.Transform, transformOrigin: '50% 50%' }}>
                     <NodeContainer store={store} />
                 </div>
             </div>
-- 
cgit v1.2.3-70-g09d2