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

const Road = {
  strokeStyle: "#939393",
  lineWidth: 8,
  realLineWidth: 2
};

const RoadEdge = {
  ...Road,
  lineWidth: 1,
  strokeStyle: "#000",
};

const Lane = {
  ...RoadEdge,
  lineWidth: 1,
  strokeStyle: "#000",
  dash: [8, 8],
};

const CurveRoad = {
  ...Road,
  lineWidth: 1,
};

const CurveRoadEdge = {
  ...CurveRoad,
  ...RoadEdge,
};

const CurveLan = {
  ...CurveRoad,
  ...Lane,
};

const Text = {
  strokeStyle: "rgb(0,0,0,1)",
  fillStyle: "rgb(0,0,0,1)",
  strokeStyle_adding: "rgba(243, 255, 0, 0.8)",
  fillStyle_adding: "rgba(243, 255, 0, 0.8)",
  lineWidth: 1,
};

const CanvasFont = {
  font: "14px Microsoft YaHei",
  fillStyle: "#000000",
  strokeStyle: "#000000",
  textAlign: "center",
  textBaseline: "middle",
  miterLimit: 10,
  direction: "ltr",
};

const Point = {
  strokeStyle: "#3290FF",
  fillStyle: "#fff",
  radius: 4,
  lineWidth: 4,
};

const RoadPoint = {
  ...Point,
};

const CurveRoadPoint = {
  ...Point,
};

const ControlPoint = {
  ...Point,
  strokeStyle: "#3290FF",
  radius: 8,
};

const Measure = {
  txt: "rgba(255,255,255,1)", //画墙/选墙的时候 测量值的颜色
  strokeStyle: "rgba(255,255,255,1)",
  lineWidth: 1,
};

const SimpleLine = {
  strokeStyle: "#CED806",
  lineWidth: 2,
  dash: [3, 2, 2],
}
const GuideLine = {
  strokeStyle: "#CED806",
  lineWidth: 2,
  dash: [3, 2, 2],
}
const MeasureLine = {
  strokeStyle: "#CED806",
  lineWidth: 2,
}
const BaseLine = {
  strokeStyle: "#3290FF",
  lineWidth: 2,
}



const Element = {
  AddingPoint: {
    radius: 4,
    fillStyle: "yellow",
    strokeStyle: "green",
  },
  NewRoad: {
    lineWidth: 4,
    strokeStyle: "rgba(100,100,100,0.3)",
    errorStrokeStyle: "rgb(250,63,72,0.3)",
  },
  CheckLinesX: {
    lineWidth: 2,
    strokeStyle: "#CED806",
  },
  CheckLinesY: {
    lineWidth: 2,
    strokeStyle: "#CED806",
  },
  VCheckLinesX: {
    lineWidth: 2,
    strokeStyle: "#CED806",
    //strokeStyle: 'rgba(100,149,237,0.5)',
  },
  VCheckLinesY: {
    lineWidth: 2,
    strokeStyle: "#CED806",
    //strokeStyle: 'rgba(100,149,237,0.5)',
  },
};

export default {
  SimpleLine,
  Road,
  CurveRoad,
  RoadEdge,
  CurveRoadEdge,
  Lane,
  CurveLan,
  Point,
  BaseLine,
  Text,
  ControlPoint,
  CurveRoadPoint,
  GuideLine,
  Font: CanvasFont,
  MeasureLine,
  Measure,
  Element,
  RoadPoint,
  bgColor: "#fff",
};