How to implement this feature in LVGL with background-filter: blur(60px) in CSS

Hi @jianjunxia ,

I’m sorry I have been away…

Here is an implementation of the stacked blur algorithm for use with the canvas object in LVGL. This should be less processor intensive as it only needs one iteration.

blur.c (10.9 KB)

Please feel free to use this if it is helpful I have included the required third party credits at the top of the file. It should be possible to add the contents of this file to the lv_canvas.c file.

Unfortunately I don’t know how to achieve the rounded corner masking, I can probably work it out but I don’t have much time at the moment to do so. Maybe @kisvegabor can provide a bit of input and some pointers of how best to do the masking using the existing library routines please?

I hope that helps.

Kind Regards,

Pete

1 Like