This is a read-only archive of the inkscapeforum.com site. You can search for info here or post new questions and comments at Hi people,
I am not sure if this is a software issue or just an incompatibility issue. I attach my Inkscape file that illustrates the problem. I tried to create some purple smoke and I thought it came out well in Inksacpe. When I open this in Chrome, I get a blank screen (does not render at all). When opening it in IE, I get a render of the smoke, but it looks different from the way it appears in Inkscape.
Is this a software issue? Even if it is, is there some way I can render the smoke reliably in Chrome and IE without resorting to PNG exports?
Many thanks for any replies
Regards
Mark
[solved] SVG issues with Chrome and IE
-
moriartynz
- Posts: 2
- Joined: Mon Apr 25, 2016 12:17 am
[solved] SVG issues with Chrome and IE
- Attachments
-
- SmokeIE.PNG (35.99 KiB) Viewed 4262 times
-
- smoke.svg
- (21.05 KiB) Downloaded 314 times
Re: SVG issues with Chrome and IE
Hi.
Unfortunately browsers don't render filters fluently. It's not an inkscape issue.
Like, openclipart uses inkscape to render thumbnails for inkscape generated svg-s too.
Unfortunately browsers don't render filters fluently. It's not an inkscape issue.
Like, openclipart uses inkscape to render thumbnails for inkscape generated svg-s too.
Re: SVG issues with Chrome and IE
Greetings
First, thanks for share your sample
I've see your file's XML/SVG code. Your path had a transform attribute. I managed to apply it. After that, I cleaned your code, ... and deleted the other layers too
. After that, I saved as an Optimized SVG on Inkscape.
- Now that cleaned file can be seen in Firefox and Chrome, here in my Ubuntu System. I don't have IE installed (maybe with Wine? maybe a Virtual machine??) so I can't test it.
- I note a difference in how is rendered in Firefox and Chrome, but maybe it's not critical for your objectives. I'm attaching the file
First, thanks for share your sample
I've see your file's XML/SVG code. Your path had a transform attribute. I managed to apply it. After that, I cleaned your code, ... and deleted the other layers too
. After that, I saved as an Optimized SVG on Inkscape.- Now that cleaned file can be seen in Firefox and Chrome, here in my Ubuntu System. I don't have IE installed (maybe with Wine? maybe a Virtual machine??) so I can't test it.
- I note a difference in how is rendered in Firefox and Chrome, but maybe it's not critical for your objectives. I'm attaching the file
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.
Re: SVG issues with Chrome and IE
It looks like chrome (chromium 49) does not support the morphology filter so I removed it.
I renamed some stages of the filter that use the same filter-primitive-reference. This is allowed by the spec but this is really a BAD BAD BAD idea and IMHO as inkscape doesn' handle them well it should use unique IDs instead
I renamed some stages of the filter that use the same filter-primitive-reference. This is allowed by the spec but this is really a BAD BAD BAD idea and IMHO as inkscape doesn' handle them well it should use unique IDs instead
- Attachments
-
- dessin.svg
- (8.07 KiB) Downloaded 344 times
-
moriartynz
- Posts: 2
- Joined: Mon Apr 25, 2016 12:17 am
Re: SVG issues with Chrome and IE
Thanks so much for the replies. Seeing them makes me realise just how lightly I am scratching the surface when it comes to understanding SVGs and Inkscape. I humbly bow to the Gurus in awe and admiration.
Both the files from hulf2012 and v1nce render in Chrome and in IE. I do prefer the rendering of dessin.svg to the one in smokeo.svg for my purposes as it gets closest to the dragon's tail effect at the top I get in Inkscape.
Thanks again and thanks for your assistance. I clearly need to understand more about the XML code of things behind the Inkscape SVG file architecture to be able to make effective use of Inkscape as a general SVG creation tool.
Both the files from hulf2012 and v1nce render in Chrome and in IE. I do prefer the rendering of dessin.svg to the one in smokeo.svg for my purposes as it gets closest to the dragon's tail effect at the top I get in Inkscape.
Thanks again and thanks for your assistance. I clearly need to understand more about the XML code of things behind the Inkscape SVG file architecture to be able to make effective use of Inkscape as a general SVG creation tool.