Rotating image adds some copies of the same images on the side

How-to
1

Description

Hi. Im trying to rotate image on screen, but for some reason when I rotate image I get some copies of same image on the side of my original image.

What MCU/Processor/Board and compiler are you using?

NRF52840

What LVGL version are you using?

I am using Zephyr fork in the ncs and my sdk-zephyr version is v2.4.99-ncs1 which uses LVGL module version LVGL v7.6.1 if I am not mistaken.

What do you want to achieve?

I would like to rotate my image without the extra copies that appear on the side of my image.

What have you tried so far?

I made sure my icon is converted in True color format.

Code to reproduce

	// Create loading animation objects
	label_icon = lv_img_create(screen, NULL);
        lv_img_set_angle(label_icon, 200);
	lv_img_set_src(label_icon, &amp_icon_true);
        lv_obj_align(label_icon, NULL, LV_ALIGN_CENTER, 0, 0);

	load_screen_with_blanking();

Screenshot and/or video

0 angle image:

not_rotated_img
not_rotated_img1080×1920 102 KB

200 angle image:

rotated_img
rotated_img1920×1080 106 KB

2

I am not sure if there’s a way to manually update the version of LVGL Zephyr uses without other build problems, but 7.6 is very, very old, and a lot of fixes have been added to v7 since then. There’s a chance that this issue is fixed already.

1 Like
3

Thank you for your response, I updated LVGL to v7.11 and problem solved.