I'm not sure if it's my browsers (I'm certain it is) or the image itself (fairly certain it isn't), but I thought I'd ask for opinions.
I made a real basic image[1] (just trying to get used to the controls) and decided to check it out in my favorite browser (and the other two I have installed). I was not happy with the results[2]-[4]. IE8 just tries to download the file!
[1]: http://www.joseph-a-nagy-jr.us/images/svg-test/pool.svg [2]: http://www.joseph-a-nagy-jr.us/images/svg-test/what-firefox-sees.png [3]: http://www.joseph-a-nagy-jr.us/images/svg-test/what-i-created.png [4]: http://www.joseph-a-nagy-jr.us/images/svg-test/what-safari-sees.png
Hi,
The answer is probably simple. You saved as "Inkscape SVG". Try to save as "Optimized SVG" and your browsers will render fine (except IE of course, but for IE you can still use the SVGWeb project from Google (http://code.google.com/p/svgweb/).
The problem with "Inkscape SVG" is that for the text element it uses "<flowRoot/>" elements which aren't supported in browsers.
There is also a setting in the preferences where you can tweak some aspects of the output, such as "accuracy" and style handling (style element or attribute (preferred))
Hope this helps, Andreas
Programmer In Training wrote:
I'm not sure if it's my browsers (I'm certain it is) or the image itself (fairly certain it isn't), but I thought I'd ask for opinions.
I made a real basic image[1] (just trying to get used to the controls) and decided to check it out in my favorite browser (and the other two I have installed). I was not happy with the results[2]-[4]. IE8 just tries to download the file!
Return on Information: Google Enterprise Search pays you back Get the facts. http://p.sf.net/sfu/google-dev2dev _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
For IE8, you can also try the Adobe SVG Viewer plugin from : http://www.adobe.ca/svg/viewer/install/main.html
Alvin Penner wrote:
For IE8, you can also try the Adobe SVG Viewer plugin from : http://www.adobe.ca/svg/viewer/install/main.html
Thank you, I appreciate the link to that plugin. I'll definitely be linking to it from my websites as I slowly replace my pngs and jpgs and such with SVG (:
On Tuesday 08 December 2009 11:02:11 Programmer In Training wrote:
Alvin Penner wrote:
For IE8, you can also try the Adobe SVG Viewer plugin from : http://www.adobe.ca/svg/viewer/install/main.html
Thank you, I appreciate the link to that plugin. I'll definitely be linking to it from my websites as I slowly replace my pngs and
jpgs and
such with SVG (:
I am not sure you can link it in a way that another person using IE would have it available on their computer. AFAIK it works for the person who has it on their computer only.
If I have it wrong then someone please correct me.
John Culleton wrote:
On Tuesday 08 December 2009 11:02:11 Programmer In Training wrote:
Alvin Penner wrote:
For IE8, you can also try the Adobe SVG Viewer plugin from : http://www.adobe.ca/svg/viewer/install/main.html
Thank you, I appreciate the link to that plugin. I'll definitely be linking to it from my websites as I slowly replace my pngs and
jpgs and
such with SVG (:
I am not sure you can link it in a way that another person using IE would have it available on their computer. AFAIK it works for the person who has it on their computer only.
If I have it wrong then someone please correct me.
I meant linking to the plugin download page.
Andreas Neumann wrote:
Hi,
The answer is probably simple. You saved as "Inkscape SVG". Try to save
I did.
as "Optimized SVG" and your browsers will render fine (except IE of course, but for IE you can still use the SVGWeb project from Google (http://code.google.com/p/svgweb/).
I'm boycotting Google, but thanks for the link. (:
The problem with "Inkscape SVG" is that for the text element it uses "<flowRoot/>" elements which aren't supported in browsers.
Ah.
There is also a setting in the preferences where you can tweak some aspects of the output, such as "accuracy" and style handling (style element or attribute (preferred))
Hope this helps, Andreas
It does, thank you very much. Yesterday was my very first day using the program!
Andreas Neumann wrote:
Hi,
The answer is probably simple. You saved as "Inkscape SVG". Try to save as "Optimized SVG" and your browsers will render fine (except IE of course, but for IE you can still use the SVGWeb project from Google (http://code.google.com/p/svgweb/).
The problem with "Inkscape SVG" is that for the text element it uses "<flowRoot/>" elements which aren't supported in browsers.
There is also a setting in the preferences where you can tweak some aspects of the output, such as "accuracy" and style handling (style element or attribute (preferred))
Hope this helps, Andreas
<snip>
OK, I saved as "Optimized SVG" and "Plain SVG" and I have the same problems. Thoughts?
On 8/12/09 18:22, Programmer In Training wrote:
Andreas Neumann wrote:
Hi,
The answer is probably simple. You saved as "Inkscape SVG". Try to save as "Optimized SVG" and your browsers will render fine (except IE of course, but for IE you can still use the SVGWeb project from Google (http://code.google.com/p/svgweb/).
The problem with "Inkscape SVG" is that for the text element it uses "<flowRoot/>" elements which aren't supported in browsers.
There is also a setting in the preferences where you can tweak some aspects of the output, such as "accuracy" and style handling (style element or attribute (preferred))
Hope this helps, Andreas
<snip>
OK, I saved as "Optimized SVG" and "Plain SVG" and I have the same problems. Thoughts?
Don't use 'Flowed Text', this is not part of the current SVG 1.1 specification and cannot be rendered reliably by other SVG renderers as for example in current Firefox versions.
Recommended workaround: convert 'Flowed Text' to regular text and save the document as separate 'Inkscape SVg' or 'Plain SVG' version for use with other software/renderer, if you need to further edit the text as 'Flowed Text'. (Hint: use menu 'Text > Convert to Text')
References: http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Text-Creating.html#Text-Enter-Flow
~suv
~suv wrote:
On 8/12/09 18:22, Programmer In Training wrote:
Andreas Neumann wrote:
Hi,
The answer is probably simple. You saved as "Inkscape SVG". Try to save as "Optimized SVG" and your browsers will render fine (except IE of course, but for IE you can still use the SVGWeb project from Google (http://code.google.com/p/svgweb/).
The problem with "Inkscape SVG" is that for the text element it uses "<flowRoot/>" elements which aren't supported in browsers.
There is also a setting in the preferences where you can tweak some aspects of the output, such as "accuracy" and style handling (style element or attribute (preferred))
Hope this helps, Andreas
<snip>
OK, I saved as "Optimized SVG" and "Plain SVG" and I have the same problems. Thoughts?
Don't use 'Flowed Text', this is not part of the current SVG 1.1 specification and cannot be rendered reliably by other SVG renderers as for example in current Firefox versions.
Recommended workaround: convert 'Flowed Text' to regular text and save the document as separate 'Inkscape SVg' or 'Plain SVG' version for use with other software/renderer, if you need to further edit the text as 'Flowed Text'. (Hint: use menu 'Text > Convert to Text')
References: http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Text-Creating.html#Text-Enter-Flow
~suv
Oh, thanks! (:
~suv wrote:
On 8/12/09 18:22, Programmer In Training wrote:
<snip>
OK, I saved as "Optimized SVG" and "Plain SVG" and I have the same problems. Thoughts?
Don't use 'Flowed Text', this is not part of the current SVG 1.1 specification and cannot be rendered reliably by other SVG renderers as for example in current Firefox versions.
<snip>
That did the trick, thanks!
The easy rule to remember:
when creating text, CLICK, don't DRAG.
This way you get regular text that renders everywhere (but does not reflow).
participants (7)
-
Alvin Penner -
Andreas Neumann -
bulia byak -
John Culleton -
Programmer In Training -
Shawn H Corey -
~suv