2008年12月19日金曜日

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

0 件のコメント:

コメントを投稿