Skip to content
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

Scaling problems #96

Open
const8ine opened this issue Apr 24, 2017 · 2 comments
Open

Scaling problems #96

const8ine opened this issue Apr 24, 2017 · 2 comments

Comments

@const8ine
Copy link

const8ine commented Apr 24, 2017

There are some problems with sprites scaling:
screen shot 2017-04-24 at 13 57 32
The same icon is used in both places. The icon at the top has font-size: 10px, the second icon has font-size: 7px. Everything is OK only when font-size is half-size smaller (5px). I understand that it happens because icon size doesn't fit anymore to the current background-position. But when I changed background-position manually for such cases, Safari, FF and Chrome displayed scaled icon differently, sometimes icon looked good on webkit but was cropped a bit in FF.

Is there any solution for an ultimate sprite scaling?

@operapreneur
Copy link

I'm finding this as an issue, too. It's different from webkit to FF. Changing these to exact pixels is the only fix I've found but that defeats the purpose of many of these features... not able to scale by font size....

Is there any fix out there?

@const8ine
Copy link
Author

I've found that some of my sprites scale well while others have this bug. I suppose it depends on: 1) if initial size of svg canvas is even 2) if there are paddings between sprites in the spritesheet 3) some svg files had multiple layers not merged in groups, it looks strange, but they scaled incorrectly. But it's rather difficult to reproduce the bug to be sure.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants