9/10/2023 0 Comments Oovoo logo svg transparentPS: After some more trials and errors I found out that changing standard text to curves in Corel X7 makes FF render the SVG image properly without above steps, but it doesn't change the fact that it worked properly in Chrome and IE anyway even if the text wasn't changed to curves before export. Here are images to compare, working one and not working one. Hope it will help someone with the similar problem as mine. Refreshed the website and voilà, it works like a charm. I added transparency for the one which was supposed to be transparent via CSS - opacity:0.7 in this case.I added height:(some)px and width:auto attributes in CSS.I downloaded optimised SVGs from above mentioned tool's website, uploaded them to my website's FTP.I used SVG Optimiser tool to remove all the unnecessary bits from my images and to slim them down a little.I added preserveAspectRatio="none" attribute so I could manage width and height of the image separately, just like raster images ( this CSS Tricks article helps a lot with understanting the whole resizing process).I removed height and width attributes from both SVGs.The one used as logo in menu bar contained all the elements grouped (logo and text were both separate but grouped), I ungrouped those elements and made them as one. I exported both SVGs again removing transparency from the one which was originally transparent, so no transparency at all in both SVG images.So here are the steps I made to make it being displayed properly in FF (a bit trial and error procedure but works): PS2: I created all of SVGs on the website using Corel X7, if this information helps in anything.Īctually I've found a solution myself, it helped perfectly but required few more steps after exporting SVG in Corel X7 (as I mentioned in my post above there were two images, one of them with transparency). PS: If you really want me very badly to paste the whole code let me know. I'm not pasting whole images' code beacuse it's too much of it. Could someone please tell me what's going on? I suppose there is something wrong with SVG image code itself but I can't detect what exactly. The funny thing is that two icons a bit down on the same page (three rolls and woman's legs), which are also SVGs are being displayed properly. Images which are not being displayed properly are logo in top menu bar and big blue logo with transparency on the big very top banner. Here is a link to the website I put said images on: Chrome and IE are displaying them properly. It renders SVG images cutting parts of them or not displaying them at all, but only certain of images, not all of them. I encountered a weird Firefox's behaviour.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |