fuse/src/views/draw-file/board/editCAD/Style.js

const Style = {
    Wall: {
        strokeStyle: '#FFFFFF',
        lineWidth: 4,
        lineWidth_out: 6,
        //承重墙
        important: {
            strokeStyle: '#FFFFFF',
            lineWidth: 6,
        },
        error: {
            strokeStyle: 'rgba(255,0,0,0.5)',
            fillStyle: 'rgba(255,0,0,0.8)',
        },
    },
    Point: {
        strokeStyle: 'green',
        fillStyle: 'rgb(0, 200, 175)',
        radius: 4,
    },
    Component: {
        strokeStyle: 'rgba(255,255,255,1)',
        fillStyle: 'rgba(255,255,255,0)',
        lineWidth: 1,
    },
    Tag: {
        strokeStyle: 'rgb(255,255,255,1)',
        fillStyle: 'rgb(255,255,255,1)',
        strokeStyle_adding: 'rgba(243, 255, 0, 0.8)',
        fillStyle_adding: 'rgba(243, 255, 0, 0.8)',
        lineWidth: 1,
    },
    Sign: {
        strokeStyle: 'rgb(255,255,255,1)',
        fillStyle: 'rgba(0,0,0,0)',
        lineWidth: 1,
    },
    Select: {
        Wall: {
            strokeStyle: 'rgba(243, 255, 0, 1)',
        },
        Wall_out: {
            strokeStyle: 'rgba(243, 255, 0, 1)',
        },
        Component: {
            strokeStyle: 'rgba(243, 255, 0, 0.8)',
            fillStyle: 'rgba(243, 255, 0, 0.5)',
        },
        Tag: {
            strokeStyle: '#00C8AF',
            fillStyle: '#00C8AF',
        },
        Sign: {
            strokeStyle: 'rgba(243, 255, 0, 0.8)',
            fillStyle: 'rgba(243, 255, 0, 0.5)',
        },
        Point: {
            radius: 4,
            lineWidth: 2,
            fillStyle: 'rgba(245, 255, 0, 1)',
            strokeStyle: 'rgba(245, 255, 255, 1)',
        },
    },
    Focus: {
        Wall: {
            strokeStyle: 'rgba(243, 255, 0, 1)',
        },
        Component: {
            strokeStyle: 'rgba(243, 255, 0, 0.8)',
            fillStyle: 'rgba(243, 255, 0, 0.5)',
        },
        Tag: {
            strokeStyle: '#00C8AF',
            fillStyle: '#00C8AF',
        },
        Sign: {
            strokeStyle: 'rgba(243, 255, 0, 0.8)',
            fillStyle: 'rgba(243, 255, 0, 0.5)',
        },
        Point: {
            radius: 4,
            lineWidth: 2,
            fillStyle: 'rgba(245, 255, 0, 1)',
            strokeStyle: 'rgba(245, 255, 255, 1)',
        },
    },
    Element: {
        StartAddWall: {
            radius: 4,
            fillStyle: 'yellow',
            strokeStyle: 'green',
        },
        NewWall: {
            lineWidth: 4,
            lineWidth_out: 6,
            strokeStyle: 'rgba(255,255,255,0.3)',
            strokeStyle_out: 'rgba(102,102,102,0.3)',
            errorStrokeStyle: 'rgb(250,63,72,0.3)',
        },
        StartSymbolPoints: {
            radius: 4,
            fillStyle: 'yellow',
            strokeStyle: 'green',
        },
        EndSymbolPoints: {
            radius: 4,
            fillStyle: 'yellow',
            strokeStyle: 'green',
        },
        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)',
        },
    },
    Font: {
        font: '14px Microsoft YaHei',
        fillStyle: '#FFFFFF',
        strokeStyle: '#FFFFFF',
        textAlign: 'center',
        textBaseline: 'middle',
        miterLimit: 10,
        direction: 'ltr',
    },
    Pano: {
        radius: 10,
        lineWidth: 2,
        strokeStyle: 'rgba(255,255,255,0.4)',
        fillStyle: 'rgba(255,255,255,0.1)',
    },
    Measure: {
        txt: 'rgba(255,255,255,1)', //画墙/选墙的时候 测量值的颜色
        strokeStyle: 'rgba(255,255,255,1)',
        lineWidth: 1,
    },
    DownLoad: {
        style1: {
            Wall: {
                strokeStyle: '#666666',
                lineWidth: 4,
                lineWidth_out: 6,
                //承重墙
                important: {
                    strokeStyle: '#666666',
                    lineWidth: 6,
                },
            },
            Component: {
                strokeStyle: '#666666',
                fillStyle: '#666666',
                lineWidth: 1,
            },
            Tag: {
                strokeStyle: '#000000', //标注的颜色
                fillStyle: '#000000', //标注的颜色
                lineWidth: 1,
            },
            Font: {
                font: '14px Microsoft YaHei',
                fillStyle: '#000000', //上下左右测量值
                strokeStyle: '#000000',
                textAlign: 'center',
                textBaseline: 'middle',
                miterLimit: 10,
                direction: 'ltr',
            },
            Measure: {
                strokeStyle: '#CCCCCC',
                lineWidth: 1,
            },
        },
        style2: {
            Wall: {
                strokeStyle: '#FFFFFF',
                lineWidth: 4,
                lineWidth_out: 6,
                //承重墙
                important: {
                    strokeStyle: '#FFFFFF',
                    lineWidth: 6,
                },
            },
            Component: {
                strokeStyle: '#FFFFFF',
                fillStyle: '#FFFFFF',
                lineWidth: 1,
            },
            Tag: {
                strokeStyle: '#FFFFFF', //标注的颜色
                fillStyle: '#FFFFFF', //标注的颜色
                lineWidth: 1,
            },
            Font: {
                font: '14px Microsoft YaHei',
                fillStyle: '#FFFFFF', //上下左右测量值
                strokeStyle: '#FFFFFF',
                textAlign: 'center',
                textBaseline: 'middle',
                miterLimit: 10,
                direction: 'ltr',
            },
            Measure: {
                strokeStyle: '#FFFFFF',
                lineWidth: 1,
            },
        },
        style3: {
            Wall: {
                strokeStyle: '#666666',
                lineWidth: 4,
                lineWidth_out: 6,
                //承重墙
                important: {
                    strokeStyle: '#666666',
                    lineWidth: 6,
                },
            },
            Component: {
                strokeStyle: '#666666',
                fillStyle: '#666666',
                lineWidth: 1,
            },
            Tag: {
                strokeStyle: '#000000', //标注的颜色
                fillStyle: '#000000', //标注的颜色
                strokeStyle_adding: 'rgba(243, 255, 0, 0.8)',
                fillStyle_adding: 'rgba(243, 255, 0, 0.8)',
                lineWidth: 1,
            },
            Font: {
                font: '14px Microsoft YaHei',
                fillStyle: '#000000', //上下左右测量值
                strokeStyle: '#000000',
                textAlign: 'center',
                textBaseline: 'middle',
                miterLimit: 10,
                direction: 'ltr',
            },
            Measure: {
                strokeStyle: '#CCCCCC',
                lineWidth: 2,
            },
        },
        style4: {
            Wall: {
                strokeStyle: '#FFFFFF',
                lineWidth: 4,
                lineWidth_out: 6,
                //承重墙
                important: {
                    strokeStyle: '#FFFFFF',
                    lineWidth: 6,
                },
            },
            Component: {
                strokeStyle: '#FFFFFF',
                fillStyle: '#FFFFFF',
                lineWidth: 1,
            },
            Tag: {
                strokeStyle: '#FFFFFF', //标注的颜色
                fillStyle: '#FFFFFF', //标注的颜色
                lineWidth: 1,
            },
            Font: {
                font: '14px Microsoft YaHei',
                fillStyle: '#FFFFFF', //上下左右测量值
                strokeStyle: '#FFFFFF',
                textAlign: 'center',
                textBaseline: 'middle',
                miterLimit: 10,
                direction: 'ltr',
            },
            Measure: {
                strokeStyle: '#FFFFFF',
                lineWidth: 1,
            },
        },
    },
}
export default Style