Image - apply rotation on condition

[Vinayak17]

Hello guys, please help me!

I am using Image item type to display one image along with setting the rotation property as below:

Image
{
transform: Rotation {
origin.x: 0
origin.y: height / 8
axis {
x: 0
y: 1
z: 0
}
angle: 60
}
source: "qrc:/image/abc.png"
}

Now I want the rotation to apply only when I am displaying abc.png image whereas I don't want to apply the rotation if I am using xyz.png. How can I achieve this task?

[ODБOï]

Hello @Vinayak17 !

you can use JS expression like this :

angle : source == "qrc:/image/abc.png" ? 60 : 0

Or you can create a function that will return a rotation based on the image name

function rotationByName(imgSource){
var rot = 0;
switch(imgSource){
case "qrc:/image/abc.png" : rot = 60;break;
case "qrc:/image/hij.png" : rot = 33;break;
default : break;
}
return rot
}

and then use this function :

rotation : rotationByName(myImg.source)

I hope this will help you.
LA

[Vinayak17]

Yes, that works! Thanks a lot :)

[ODБOï]

@Vinayak17 Perfect ;) you can upVote if you want !
LA