traffic-laser/src/graphic/CanvasStyle/select.js

import def from "./default.js";

const Road = {
  ...def.Road,
  realLineWidth: 4,
  strokeStyle: "#3290FF",
};

const CurveRoad = {
  ...def.CurveRoad,
  ...Road,
  lineWidth: 2,
};

const Text = {
  ...def.Text,
  strokeStyle: "#00C8AF",
  fillStyle: "#00C8AF",
};

const RoadEdge = {
  ...def.RoadEdge,
  lineWidth: 2,
  strokeStyle: "#3290FF",
};

const CurveRoadEdge = {
  ...def.CurveRoadEdge,
  lineWidth: 2,
  strokeStyle: "#3290FF",
};

const Point = {
  ...def.Point,
  fillStyle: "#3290FF",
};

const RoadPoint = {
  ...Point,
};

const CurveRoadPoint = {
  ...def.CurveRoadPoint,
  ...Point,
};

const ControlPoint = {
  ...def.ControlPoint,
  fillStyle: "#3290FF",
};

export default {
  Road,
  Text,
  Point,
  RoadPoint,
  CurveRoadPoint,
  ControlPoint,
  CurveRoad,
  RoadEdge,
  CurveRoadEdge,
};