How to prevent rive(flare) animations get pixelated on safari?

Asked May 18 '22 at 15:59

Active May 18 '22 at 19:32

Viewed 179 times

I have a Rive animation in flutter project for the web, the render for the web is Canvaskit, but the animation gets pixelated on the Safari browser.

here is the code to play the simple animation:

Container(
       width: 450,
       height: 450,
       child: RiveAnimation.asset(
       'assets/animations/finger.riv',
       antialiasing: true,
       fit: BoxFit.cover,
         ),

I tried to change all properties for the widget but it doesn't fix the issue. The animation works perfectly on iOS, Android, Windows and chrome, the problem is only on safari.

edited May 18 '22 at 19:32

asked May 18 '22 at 15:59

Hooshyar

1,181
4
12
28

did you try on chrome – Md. Yeasin Sheikh May 18 '22 at 16:05
Yes, it works perfectly on other platforms and browsers. – Hooshyar May 18 '22 at 19:33

How to prevent rive(flare) animations get pixelated on safari?

0 Answers0