diff --git a/packages/svgcanvas/svgcanvas.js b/packages/svgcanvas/svgcanvas.js
index fa56c98c..dc856f51 100644
--- a/packages/svgcanvas/svgcanvas.js
+++ b/packages/svgcanvas/svgcanvas.js
@@ -201,7 +201,9 @@ class SvgCanvas {
           this.curConfig.initFill.color,
         fill_paint: null,
         fill_opacity: this.curConfig.initFill.opacity,
-        stroke: `#${this.curConfig.initStroke.color}`,
+        stroke:
+          (this.curConfig.initStroke.color === 'none' ? '' : '#') +
+          this.curConfig.initStroke.color,
         stroke_paint: null,
         stroke_opacity: this.curConfig.initStroke.opacity,
         stroke_width: this.curConfig.initStroke.width,
diff --git a/src/editor/extensions/ext-connector/ext-connector.js b/src/editor/extensions/ext-connector/ext-connector.js
index cabba606..f8c5a4ab 100644
--- a/src/editor/extensions/ext-connector/ext-connector.js
+++ b/src/editor/extensions/ext-connector/ext-connector.js
@@ -447,7 +447,10 @@ export default {
               attr: {
                 id: 'conn_' + svgCanvas.getNextId(),
                 points: `${x},${y} ${x},${y} ${startX},${startY}`,
-                stroke: `#${initStroke.color}`,
+                stroke:
+                  initStroke.color === 'none'
+                    ? 'none'
+                    : `#${initStroke.color}`,
                 'stroke-width':
                   !startElem.stroke_width || startElem.stroke_width === 0
                     ? initStroke.width