embiem#155 remove catenary ui when lazy radius 0

lindychi · Jul 21, 2022 · f26f3e7 · f26f3e7
1 parent 987d9fb
commit f26f3e7
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/demo/src/index.js b/demo/src/index.js
@@ -245,6 +245,11 @@ class Demo extends Component {
           </a>
           .
         </p>
+        <h2>Additional Func</h2>
+        <h3>0 lazyRadius case: no catenary ui</h3>
+        <CanvasDraw hideGrid lazyRadius={0} />
+        <h3>clear mode</h3>
+        <CanvasDraw hideGrid lazyRadius={0} />
       </div>
     );
   }

diff --git a/src/index.js b/src/index.js
@@ -720,10 +720,12 @@ export default class CanvasDraw extends PureComponent {
     ctx.fill();
 
     // Draw mouse point (the one directly at the cursor)
-    ctx.beginPath();
-    ctx.fillStyle = this.props.catenaryColor;
-    ctx.arc(pointer.x, pointer.y, 4, 0, Math.PI * 2, true);
-    ctx.fill();
+    if (this.props.lazyRadius > 0) {
+      ctx.beginPath();
+      ctx.fillStyle = this.props.catenaryColor;
+      ctx.arc(pointer.x, pointer.y, 4, 0, Math.PI * 2, true);
+      ctx.fill();
+    }
 
     // Draw catenary
     if (this.lazy.isEnabled()) {
@@ -742,9 +744,11 @@ export default class CanvasDraw extends PureComponent {
     }
 
     // Draw brush point (the one in the middle of the brush preview)
-    ctx.beginPath();
-    ctx.fillStyle = this.props.catenaryColor;
-    ctx.arc(brush.x, brush.y, 2, 0, Math.PI * 2, true);
-    ctx.fill();
+    if (this.props.lazyRadius > 0) {
+      ctx.beginPath();
+      ctx.fillStyle = this.props.catenaryColor;
+      ctx.arc(brush.x, brush.y, 2, 0, Math.PI * 2, true);
+      ctx.fill();
+    }
   };
 }