-
-
Notifications
You must be signed in to change notification settings - Fork 251
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Safari blurry icons #41
Comments
Hi @kostyukdg, I'm glad you like the library. Could you please elaborate or provide more screenshots? Unless I am missing something, the screenshot you provided doesn't appear to show obviously blurry flag icons. Thanks! |
I think he may mean the borders around the icons: Maybe Safari is not able to properly render the alpha masks (#11/#18)? I wonder if using
So if |
This should be fixed now: https://github.com/HatScripts/circle-flags/releases/tag/v2.5.0
|
Nice, @HatScripts! Out of curiosity, why did you go with Edit: either way, it's nice that it was done via CSS, since now the clipping of the flags to different shapes can be done without tweaking the SVG — see #51! |
Cross-referencing #52 and #53 for future reference. It seems like it might be a good idea to pick (and document) the list of platforms/software we want to target and guarantee proper rendering. In any case, I'd say that, assuming we want to support the platforms where |
Hi,
Your library is awesome. It works perfectly on any device except for safari(iOS and desktop). The flags are blurry.
device screenshot
It happens when you load an image from url
<img src="https://hatscripts.github.io/circle-flags/flags/br.svg" width="48">
I found solutions but looks tricky
<object type="image/svg+xml" data={path} />
It only affects icons from this library. That's why I guess it has some problems with svg structure.
Thanks again for your work!
The text was updated successfully, but these errors were encountered: