Overview
Provides a simple rotation effect that can be used to transform a node around its vertical axis by a specific angle.
This makes use of a PerspectiveTransform, so it has the same limitation that mouse events will not be mapped to the new coordinates.
the code:
ImageView {
effect: RotationEffect {
x: 0
y: 60
width: 300
height: 150
topRadius: 60
bottomRadius: 30
angle: 45
}
image: Image {
url: "{__DIR__}BakuretsuTenshi.jpg"
}
}produces:
Variable Summary
| access | name | type | Can Read | Can Init | Can Write | Default Value | description |
|---|---|---|---|---|---|---|---|
| public | angle | Number |  | | |
Angle of rotation around the y-axis. |
|
| public | bottomRadius | Number | | | |
Radius of the circle of rotation for the bottom of the node. |
|
| public | height | Number | | | |
height of the destination transformation (does not have to match the source node). |
|
| public | topRadius | Number | | | |
Radius of the circle of rotation for the top of the node. |
|
| public | width | Number | | | |
width of the destination transformation (does not have to match the source node). |
|
| public | x | Number | | | |
x offset of the transformation. |
|
| public | y | Number | | | |
y offset of the transformation. |