JavaFX Line Join Styles (scene)

線の接続の形

丸く接続

view plainprint?

1. Path {  
2.     stroke: Color.DARKSLATEGRAY  
3.     strokeWidth: 10.0  
4.     strokeLineJoin: StrokeLineJoin.BEVEL  
5.     elements: [  
6.         MoveTo { x: 20 y: 100},  
7.         LineTo { x: 60 y: 120},  
8.         LineTo { x:100 y: 100}  
9.     ]  
10. }  

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}
    ]
}

四角く接続

view plainprint?

1. Path {  
2.     stroke: Color.DARKSLATEGRAY  
3.     strokeWidth: 10.0  
4.     strokeLineJoin: StrokeLineJoin.MITER  
5.     elements: [  
6.         MoveTo { x: 20 y: 100},  
7.         LineTo { x: 60 y: 120},  
8.         LineTo { x:100 y: 100}  
9.     ]  
10. }  

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}
    ]
}

ちょっと丸く接続

view plainprint?

1. Path {  
2.     stroke: Color.DARKSLATEGRAY  
3.     strokeWidth: 10.0  
4.     strokeLineJoin: StrokeLineJoin.ROUND  
5.     elements: [  
6.         MoveTo { x: 20 y: 100},  
7.         LineTo { x: 60 y: 120},  
8.         LineTo { x:100 y: 100}  
9.     ]  
10. }  

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}
    ]
}