Quote:
Originally Posted by dgatwood
I recommend taking a look at the HTML page in a good web browser with a decent web inspector that shows all the different boxes in the box model (e.g. a WebKit-based browser, or Firefox with Firebug). Alternatively, add "border: 1px solid red;" to see where the image's bounding box actually is.
|
Blurgh, did this and it looks like the whitespace is in the image itself. Looking at this, can someone tell me if there's an easy way to remove it or if I'll have to call in someone with more photoshop-fu?
Code:
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path d="m0,0h512v512h-512z"/>
<g transform="matrix(18.68858,0,0,18.68858,-4020.68104,-6000.48285)">
<path d="m531.0372,404.564c0,7.4688-6.0546,13.5234-13.5234,13.5234s-13.5234-6.0546-13.5234-13.5234 6.0546-13.5234 13.5234-13.5234 13.5234,6.0546 13.5234,13.5234z" fill="none" stroke="#fff" stroke-width="1.0479" transform="matrix(.91335,0,0,-.91335,-243.74502,704.31322)"/>
<path d="m217.6201,339.8686c7.4964-1.0428 15.0449-1.3022 22.6973,0-3.233,9.0688-19.234,9.7148-22.6973,0z" fill="#fff" fill-rule="evenodd"/>
<path d="m217.5938,330.0938c2.2793,1.146 7.5416-.5858 11.5,1.0312-.7265-.6797-1.5579-1.0706-2.4375-1.3125 2.2881.2469 5.4462-.6991 8.6875.625-.7164-.6702-1.5403-1.0381-2.4062-1.2812-1.6726-1.4122-3.8165-1.5223-5.875-1.4688-2.2524-1.6154-5.28-1.1499-7.7527-1.1317l-1.716,3.5379z" fill="#fff" fill-rule="evenodd"/>
<path d="m235.375,331.4062c.4407.4296 1.0244.6438 1.7188.7812-2.5803.0571-5.0504.2924-6.6562-.625 .473.7605 1.0767,1.2412 1.7812,1.5312-1.0682-.0232-2.0587-.172-2.9375-.5938 1.4357,1.6291 3.6973,1.6384 6.125,1.4062 1.8494.6727 4.002.7748 6,.625l-.1562-1.1875-.3438.0312-.4375-1.9688c-1.2034.4251-3.9922.272-5.0938,0z" fill="#fff" fill-rule="evenodd"/>
<path d="m228.5938,325.0938c.8374,1.5084 2.2497,1.5614 3.9612,1.4688 1.2547,1.5343 3.4246.9217 5.9138.9062l-.7532-1c-2.9347-1.8659-7.0466-.0469-9.1218-1.375z" fill="#fff" fill-rule="evenodd"/>
<path d="m217.1563,338.3621c5.7852-1.5501 17.1559-1.7083 23.5313,0" fill="none" stroke="#fff"/>
<path d="m219.5625,335.5809 1.2812,4.7188" fill="none" stroke="#fff"/>
<path d="m223.1138,334.8621 .4911,4.5938" fill="none" stroke="#fff"/>
<path d="m238.6362,335.9246-1.2812,4.7188" fill="none" stroke="#fff"/>
<path d="m235.0536,335.2059-.4911,4.5938" fill="none" stroke="#fff"/>
<path d="m231.0559,334.7996-.1831,4.5938" fill="none" stroke="#fff"/>
<path d="m227.029,334.6434 .1831,4.5938" fill="none" stroke="#fff"/>
</g>
</svg>