fix: Fix stroke shimmering on safari.

QuentinRoy · Jul 28, 2017 · f5e6ca1 · f5e6ca1
1 parent 2779c4f
commit f5e6ca1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/connect-navigation-to-layout.js b/src/connect-navigation-to-layout.js
@@ -1,3 +1,5 @@
+import rafThrottle from 'raf-throttle';
+
 /**
  * Connect navigation notifications to menu opening and closing.
  *
@@ -41,16 +43,16 @@ export default (
     strokeStart = position;
   };
 
-  const noviceMove = position => {
+  const noviceMove = rafThrottle(position => {
     strokeCanvas.clear();
     strokeCanvas.drawStroke([strokeStart, position]);
     strokeCanvas.drawPoint(strokeStart);
-  };
+  });
 
-  const expertDraw = stroke => {
+  const expertDraw = rafThrottle(stroke => {
     strokeCanvas.clear();
     strokeCanvas.drawStroke(stroke);
-  };
+  });
 
   const clearStroke = () => {
     strokeCanvas.remove();

diff --git a/src/layout/stroke.js b/src/layout/stroke.js
@@ -1,5 +1,3 @@
-import rafThrottle from 'raf-throttle';
-
 const devicePixelRatio = window.devicePixelRatio || 1;
 
 /**
@@ -73,7 +71,7 @@ export default (
    * @param {List<number[]>} stroke - The new stroke.
    * @return {undefined}
    */
-  const drawStroke = rafThrottle(stroke => {
+  const drawStroke = stroke => {
     ctx.save();
     ctx.fillStyle = 'none';
     ctx.lineJoin = 'round';
@@ -86,7 +84,7 @@ export default (
     });
     ctx.stroke();
     ctx.restore();
-  });
+  };
 
   /**
    * Destroy the canvas.