JavaFX Line Join Styles (scene)

線の接続の形

丸く接続

Path {
    stroke: Color.DARKSLATEGRAY
    strokeWidth: 10.0
    strokeLineJoin: StrokeLineJoin.BEVEL
    elements: [
        MoveTo { x: 20 y: 100},
        LineTo { x: 60 y: 120},
        LineTo { x:100 y: 100}
    ]
}

四角く接続

Path {
    stroke: Color.DARKSLATEGRAY
    strokeWidth: 10.0
    strokeLineJoin: StrokeLineJoin.MITER
    elements: [
        MoveTo { x: 20 y: 100},
        LineTo { x: 60 y: 120},
        LineTo { x:100 y: 100}
    ]
}

ちょっと丸く接続

Path {
    stroke: Color.DARKSLATEGRAY
    strokeWidth: 10.0
    strokeLineJoin: StrokeLineJoin.ROUND
    elements: [
        MoveTo { x: 20 y: 100},
        LineTo { x: 60 y: 120},
        LineTo { x:100 y: 100}
    ]
}