JavaFX FillStyle (scene)

1色で塗りつぶし

Rectangle {
    x: 20
    y: 60
    width: 60
    height: 50
    stroke: Color.DARKSLATEGRAY
    fill: Color.CADETBLUE
}

線形グラデーション Liner Gradients

Rectangle {
    x: 20
    y: 60
    width: 60
    height: 50
    stroke: Color.DARKSLATEGRAY
    fill: LinearGradient {
        startX: 0.0
        startY: 0.0
        endX: 1.0
        endY: 0.0
        proportional: true
        stops: [
            Stop { offset: 0.0 color: Color.CADETBLUE },
            Stop { offset: 1.0 color: Color.GOLD}
        ]  
    }
}

Rectangle {
    x: 20
    y: 60
    width: 60
    height: 50
    stroke: Color.DARKSLATEGRAY
    fill: LinearGradient {
        startX: 0.0
        startY: 0.0
        endX: 220.0
        endY: 0.0                           
        proportional: false
        stops: [
            Stop { offset: 0.0 color: fill },
            Stop { offset: 1.0 color: alterfill}
        ]  
    }
}

放射状グラデーション Radial Gradients

Rectangle {
    x: 20
    y: 60
    width: 60
    height: 50
    stroke: Color.DARKSLATEGRAY
    fill:  RadialGradient {  
        centerX: 30 
        centerY: 70
        radius: 30
        proportional: false
        stops: [  
            Stop {offset: 0.0 color: Color.WHITE}, 
            Stop {offset: 0.5 color: Color.YELLOW}, 
            Stop {offset: 1.0 color: Color.GOLD}  
        ]
    }
}  

Rectangle {
    x: 20
    y: 60
    width: 60
    height: 50
    stroke: Color.DARKSLATEGRAY
    fill:  RadialGradient {  
        centerX: 30
        centerY: 70
        radius: 30
        proportional: false
        cycleMethod: CycleMethod.REFLECT   
        stops: [  
            Stop {offset: 0.0 color: Color.WHITE}, 
            Stop {offset: 0.5 color: Color.YELLOW}, 
            Stop {offset: 1.0 color: Color.GOLD}  
        ]
    }
}
 
Rectangle {
    x: 20
    y: 60
    width: 60
    height: 50
    stroke: Color.DARKSLATEGRAY
    fill:  RadialGradient {  
        centerX: 30
        centerY: 70
        radius: 30
        proportional: false
        cycleMethod: CycleMethod.REPEAT   
        stops: [  
            Stop {offset: 0.0 color: Color.WHITE}, 
            Stop {offset: 0.5 color: Color.YELLOW}, 
            Stop {offset: 1.0 color: Color.GOLD}  
        ]
    }
}