From dcabea2a99970a0fd4d51c970f60dd260159bee2 Mon Sep 17 00:00:00 2001
From: DD <liudi08@gmail.com>
Date: Tue, 19 Dec 2017 14:40:00 -0500
Subject: [PATCH] Convert SVGs to clockwise when importing

---
 src/containers/paper-canvas.jsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/containers/paper-canvas.jsx b/src/containers/paper-canvas.jsx
index a7167ec3..5db92877 100644
--- a/src/containers/paper-canvas.jsx
+++ b/src/containers/paper-canvas.jsx
@@ -26,7 +26,8 @@ class PaperCanvas extends React.Component {
             'setCanvas',
             'importSvg',
             'handleKeyDown',
-            'handleWheel'
+            'handleWheel',
+            '_ensureClockwise'
         ]);
     }
     componentDidMount () {
@@ -125,6 +126,8 @@ class PaperCanvas extends React.Component {
                     item = item.reduce();
                 }
 
+                paperCanvas._ensureClockwise(item);
+
                 if (typeof rotationCenterX !== 'undefined' && typeof rotationCenterY !== 'undefined') {
                     item.position =
                         paper.project.view.center
@@ -143,6 +146,15 @@ class PaperCanvas extends React.Component {
             }
         });
     }
+    _ensureClockwise (item) {
+        if (item instanceof paper.Group) {
+            for (const child of item.children) {
+                this._ensureClockwise(child);
+            }
+        } else if (item instanceof paper.PathItem) {
+            item.clockwise = true;
+        }
+    }
     setCanvas (canvas) {
         this.canvas = canvas;
         if (this.props.canvasRef) {