定制系统主色调

src/graphic/CanvasStyle/default.js

@@ -71,6 +71,7 @@ const CurvePoint = {
 
 const ControlPoint = {
   ...Point,
+  strokeStyle: "#3290FF",
   radius: 8
 }
 

src/graphic/CanvasStyle/focus.js

@@ -33,7 +33,7 @@ const CurvePoint = {
 
 const ControlPoint = {
   ...def.ControlPoint,
-  ...Point,
+  fillStyle: "#3290FF",
 }
 
 
@@ -44,7 +44,7 @@ const RoadEdge = {
 }
 
 const CurveRoadEdge = {
-  ...def.CurveEdge,
+  ...def.CurveRoadEdge,
   lineWidth: 2,
   strokeStyle: "#3290FF",
 }

src/graphic/CanvasStyle/select.js

@@ -45,7 +45,7 @@ const CurvePoint = {
 
 const ControlPoint = {
   ...def.ControlPoint,
-  ...Point,
+  fillStyle: "#3290FF",
 }
 
 export default {

src/graphic/Renderer/Draw.js

@@ -267,18 +267,7 @@ export default class Draw {
 
     const ctx = this.context;
     ctx.save();
-    help.setVectorStyle(ctx, null, "RoadEdge");
-
-    //曲线
-    ctx.moveTo(start.x, start.y);
-    ctx.quadraticCurveTo(pt.x, pt.y, end.x, end.y);
-    ctx.stroke();
-    ctx.restore();
-
-    ctx.save();
     ctx.beginPath();
-    help.setVectorStyle(ctx, vector);
-
     ctx.arc(
       pt.x,
       pt.y,
@@ -290,6 +279,16 @@ export default class Draw {
     ctx.stroke();
     ctx.fill();
     ctx.restore();
+
+    ctx.save();
+    ctx.beginPath();
+    help.setVectorStyle(ctx, null, "RoadEdge");
+    //曲线
+    ctx.moveTo(start.x, start.y);
+    ctx.quadraticCurveTo(pt.x, pt.y, end.x, end.y);
+    ctx.stroke();
+    ctx.restore();
+
   }
 
   drawCurveRoad(vector) {

src/views/graphic/menus.ts

@@ -4,7 +4,7 @@ import {computed, Ref, ref, toRaw} from 'vue'
 export const UITypeExtend = {
   structure: "structure",
   template: "template",
-  road: "road",
+  road: "__road",
   photo: "photo",
   setup: "setup",
   lineType: "lineType",