Sozi icon indicating copy to clipboard operation
Sozi copied to clipboard

Firefox shows blurry image after transition

Open 00sapo opened this issue 6 years ago • 7 comments

Firefox shows good resolution only after reloading. After a transition the image remains blurry. I'm using Sozi 19 and Inkscape 0.92.4 on Manjaro Linux.

The attached zip contains a simple example.

ismir_slides.zip

00sapo avatar Oct 23 '19 16:10 00sapo

As far as I can see, this problem happens only with Firefox. In Chrome, I have no blurry images. I'll see what I can do.

aumouvantsillage avatar Oct 23 '19 16:10 aumouvantsillage

Zooming in and out helps to fix this, too...

Moini avatar Oct 23 '19 17:10 Moini

I have pushed a modification that seems to solve the issue for me (to be honest, after staring at the same document for some time, reloading and zooming repeatedly, everything seems blurry to me now).

The solution is a hack that I found in this thread : https://stackoverflow.com/questions/15464055/css-transition-effect-makes-image-blurry-moves-image-1px-in-chrome

I will upload a new version of Sozi for testers soon. You will be able to try it.

aumouvantsillage avatar Nov 07 '19 22:11 aumouvantsillage

Hi, I have a similar issue with Firefox, Ubuntu 20.04, Sozi 21.02.21. When I load the svg in Sozi, all images show properly. The Presenter View also shows clear images, but displaying the presentation in a window (presenter view) or loading the .html (no presenter view) results in very blurry images. Strangely, when i switch Firefox tabs and switch back, the images are suddenly clear, but as soon as I move to the next frame, they are blurry again. Chromium does not have this issue. Sorry for the bother.

m4chi avatar Apr 12 '21 00:04 m4chi

Same here. blurry with firefox. Is there a solution already?

@aumouvantsillage In the link you posted are more than one workarouds. which solution worked for you? How did you change the css?

AkselRocks avatar Oct 23 '21 16:10 AkselRocks

@AkselRocks The fix introduced in 7b25eec adds filter: blur(0) to the CSS. Unfortunately, it does not solve the problem.

The answers at stackoverflow have been updated since. Maybe a more reliable technique has been proposed.

aumouvantsillage avatar Oct 24 '21 10:10 aumouvantsillage

I have spent several hours trying to find a workaround for this issue, without any success. I guess we'll have to wait until the issue is fixed in Firefox.

It's sad because Firefox used to be my preferred browser for playing Sozi presentations. Now the recommended browsers are those based on Chromium (Chrome, Edge, Vivaldi, etc.)

aumouvantsillage avatar Dec 01 '21 22:12 aumouvantsillage