shakyShane / gulp-svg-sprites

Create SVG sprites or compile to <symbols>
MIT License
334 stars 45 forks source link

Overflow problem #129

Open applibs opened 3 years ago

applibs commented 3 years ago

When I use in browser zoom to 125% for example on some items I see part of another item on last pixel line. Its due sprite is calculated in percent like this: background-position: 15.384615384615385% 97.29729729729729%; and browser will wrong recalculate it. I tried use this config:

shape: {
            spacing: {
                padding: 2
            }

        },

but it is also problem because items are bigger of 4 pixels. When I used png sprites in the past I used margin to 4px and it was fixed well. Can you improve this tool to generate spite with margin?