rt-sim-training-client/src/jmapNew/config/defaultStyle.js

139 lines
3.6 KiB
JavaScript
Raw Normal View History

2019-11-29 12:51:58 +08:00
export default class defaultStyle {
2019-12-04 18:39:28 +08:00
constructor() {
/** 透明填充 颜色*/
this.transparentColor = 'rgba(0,0,0,0)';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 默认背景 颜色*/
this.backgroundColor = '#000000';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 默认提示背景 颜色*/
this.tipBackgroundColor = 'yellow';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 默认边线 颜色*/
this.sidelineColor = '#FFFFFF';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 默认字体 大小*/
this.textFontSize = 10;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 默认字体 族类*/
this.fontFamily = '宋体';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 默认字体颜色*/
this.textFontColor = '#C0C0C0';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 默认提示字体大小*/
this.arrowFontSize = 10;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车长度*/
this.trainWidth = 40;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车高度*/
this.trainHeight = 20;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车字号*/
this.trainTextFontSize = 12;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车HDSA字号*/
this.trainHSDATextFontSize = 9;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车信号的半径*/
this.trainConflictR = 3;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车信号距离车的距离*/
this.trainConflictDistance = 5;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车车头比车身高出的长度;上下相比车体伸出去的边框*/
this.trainMoreLength = 0;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车和车头之间的间距*/
this.trainHeadDistance = 4;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车竖杠的宽度*/
this.trainConntWidth = 3;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车竖杠和方向之间的间隔*/
this.trainPadding = 4;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车方向的宽度*/
this.trainArrowWidth = 6;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车和区段之间的距离*/
this.trainDistance = 30;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车边线颜色*/
this.trainSidelineColor = '#C0C0C0';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车背景*/
this.trainBackground = '#000000';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车 灰色*/
this.trainGrayColor = '#C0C0C0';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车 白色*/
this.trainWitheColor = '#FFFFFF';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车 棕色*/
this.trainBrownColor = '#A0522D';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车 黄色*/
this.trainYellowColor = '#FFFF00';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车 棕灰色 */
this.trainBrown1Color = '#725A64';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车 绿色*/
this.trainGreenColor = '#00FF00';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车 蓝色*/
this.trainBlueColor = '#3265FF';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车 红色*/
this.trainRedColor = '#FF0000';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车 橘色*/
this.trainOrangeColor = 'orange';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车 紫色*/
this.trainPurpleColor = 'purple';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车 粉色*/
this.trainPinkColor = 'pink';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 车次窗高度*/
this.trainWindowWidth = 40;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 车次窗高度*/
this.trainWindowHeight = 15;
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 列车文字颜色*/
this.trainTextColor = '#ffffff';
2019-11-29 12:51:58 +08:00
2019-12-04 18:39:28 +08:00
/** 灯包围框样式 */
this.arcBorderStyle = {
lineDash: [3, 3],
stroke: '#FFFFFF',
fill: 'rgba(0,0,0,0)'
};
/** 字体包围框样式 */
this.textBorderStyle = {
lineDash: [3, 3],
stroke: '#FFFFFF',
fill: '#00FFFF'
};
2020-03-26 15:04:52 +08:00
/** 常规字体样式 */
this.textStyle = {
textAlign: 'center', // 文字居中
textVerticalAlign: 'middle', // 文字垂直对齐方式
textPosition: 'inside', // 文字位置
fontWeight: 'normal' // 字体粗细
};
2019-12-04 18:39:28 +08:00
}
2019-11-29 12:51:58 +08:00
}
2019-12-20 15:44:12 +08:00
export const drawSectionStyle = {
routePhysicalSection: 'rgba(255,255,0,0.5)',
continueProtectSection: 'rgba(255,0,255,0.5)',
signalNearSectionCBTC: 'rgba(255, 0, 0, 0.5)',
signalNearSectionReserve: 'rgba(160, 32, 240, 0.5)',
signalNearSection: 'rgba(124, 252, 0, 0.5)'
2019-12-20 15:44:12 +08:00
};