My Scalable Vector Graphics Don't Scale
Hi Folks,
This is probably a newbie kind of a question but I couldn't find the answer in the docs or FAQ after 30 minutes or so of looking.
When I create an drawing and save it as .svg the image doesn't scale when I open it in Mozilla Firefox or embed it in HTML.
Examples:
The following image is in SVG format and scales when the browser is resized (I don't know what was used to create this SVG):
http://www.carto.net/papers/svg/samples/canvas_norelief.svg
The following image was created in Inkscape and doesn't scale:
http://frankgilroy.com/uploaded_images/bootstrapgirl.svg
Is there a simple setting that will update the XML in the SVG file to allow for this scaling?
Frank
I resized the browser window in Safari and it scaled fine.
On Dec 21, 2007, at 7:01 AM, Frank Gilroy wrote:
Hi Folks,
This is probably a newbie kind of a question but I couldn't find the answer in the docs or FAQ after 30 minutes or so of looking.
When I create an drawing and save it as .svg the image doesn't scale when I open it in Mozilla Firefox or embed it in HTML.
Examples:
The following image is in SVG format and scales when the browser is resized (I don't know what was used to create this SVG):
http://www.carto.net/papers/svg/samples/canvas_norelief.svg
The following image was created in Inkscape and doesn't scale:
http://frankgilroy.com/uploaded_images/bootstrapgirl.svg
Is there a simple setting that will update the XML in the SVG file to allow for this scaling?
Frank
--
Frank Gilroy Was Here http://www.frankgilroy.com
This SF.net email is sponsored by: Microsoft Defy all challenges. Microsoft(R) Visual Studio 2005. http://clk.atdmt.com/MRT/go/vse0120000070mrt/direct/01/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
The canvas.. scaled fine with Firefox 2.0.0.11 the bootstrapgirl... did not scale with Firefox 2.0.0.11 (got scrolbars)
I have no idea why, i am not a inkscape developer
Kind regards,
Jelle
Benjamin Huot wrote:
I resized the browser window in Safari and it scaled fine.
On Dec 21, 2007, at 7:01 AM, Frank Gilroy wrote:
Hi Folks,
This is probably a newbie kind of a question but I couldn't find the answer in the docs or FAQ after 30 minutes or so of looking.
When I create an drawing and save it as .svg the image doesn't scale when I open it in Mozilla Firefox or embed it in HTML.
Examples:
The following image is in SVG format and scales when the browser is resized (I don't know what was used to create this SVG):
http://www.carto.net/papers/svg/samples/canvas_norelief.svg
The following image was created in Inkscape and doesn't scale:
http://frankgilroy.com/uploaded_images/bootstrapgirl.svg http://frankgilroy.com/uploaded_images/bootstrapgirl.svg
Is there a simple setting that will update the XML in the SVG file to allow for this scaling?
Frank
--
Frank Gilroy Was Here http://www.frankgilroy.com http://www.frankgilroy.com
This SF.net email is sponsored by: Microsoft Defy all challenges. Microsoft(R) Visual Studio 2005. http://clk.atdmt.com/MRT/go/vse0120000070mrt/direct/01/_____________________... Inkscape-user mailing list Inkscape-user@lists.sourceforge.net mailto:Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by: Microsoft Defy all challenges. Microsoft(R) Visual Studio 2005. http://clk.atdmt.com/MRT/go/vse0120000070mrt/direct/01/
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
The difference between the two SVG files is that canvas_norelief contains a viewBox attribute in the top-level svg element. Some viewers require this in order to make the image scalable. I don't know how to add viewBox from within Inkscape.
On Fri, 21 Dec 2007, Frank Gilroy wrote:
Hi Folks,
This is probably a newbie kind of a question but I couldn't find the answer in the docs or FAQ after 30 minutes or so of looking.
When I create an drawing and save it as .svg the image doesn't scale when I open it in Mozilla Firefox or embed it in HTML.
Examples:
The following image is in SVG format and scales when the browser is resized (I don't know what was used to create this SVG):
http://www.carto.net/papers/svg/samples/canvas_norelief.svg
The following image was created in Inkscape and doesn't scale:
http://frankgilroy.com/uploaded_images/bootstrapgirl.svg
Is there a simple setting that will update the XML in the SVG file to allow for this scaling?
Frank
That viewBox attribute definitely seems to be effecting the way the images scale within the browsers. I have yet to find a combination (when editing the image manually) of values for that attribute that make my image scale the way the map image does. When I simply try to replace the header info with that of the map image the Inkspace image fails to parse for lack of the definition of the filter attributes. When I try to simply add the viewBox attribute with values that seem to correspond to the width and height of the image I get an even uglier half-cutoff rendering.
Is it just me or does this seem like a pretty serious issue with Inkscape? SVG is after all a W3C standard intended for use on the web. Not trying to start a flaming thread, just seems like more people would have tried embedding SVGs in html like this by now and that this would have been raised as a bug earlier.
Frank
On Dec 21, 2007 10:24 AM, Robert Funnell <robert.funnell@...2351...> wrote:
The difference between the two SVG files is that canvas_norelief contains a viewBox attribute in the top-level svg element. Some viewers require this in order to make the image scalable. I don't know how to add viewBox from within Inkscape.
On Fri, 21 Dec 2007, Frank Gilroy wrote:
Hi Folks,
This is probably a newbie kind of a question but I couldn't find the
answer
in the docs or FAQ after 30 minutes or so of looking.
When I create an drawing and save it as .svg the image doesn't scale
when I
open it in Mozilla Firefox or embed it in HTML.
Examples:
The following image is in SVG format and scales when the browser is
resized
(I don't know what was used to create this SVG):
http://www.carto.net/papers/svg/samples/canvas_norelief.svg
The following image was created in Inkscape and doesn't scale:
http://frankgilroy.com/uploaded_images/bootstrapgirl.svg
Is there a simple setting that will update the XML in the SVG file to
allow
for this scaling?
Frank
This SF.net email is sponsored by: Microsoft Defy all challenges. Microsoft(R) Visual Studio 2005. http://clk.atdmt.com/MRT/go/vse0120000070mrt/direct/01/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
When I create an drawing and save it as .svg the image doesn't
scale when I
open it in Mozilla Firefox or embed it in HTML.
Examples:
The following image is in SVG format and scales when the browser
is resized
(I don't know what was used to create this SVG):
http://www.carto.net/papers/svg/samples/canvas_norelief.svg
The following image was created in Inkscape and doesn't scale:
I just tested the first one (Austria), the second one, the Girl doesn't scale on Mac OS X 10.4.11 PPC with Safari 3.
I just checked both images on Firefox 2.0.0.11, running on XP Professional, both scaled just fine.
--- Frank Gilroy <fjgilroy@...155...> wrote:
Hi Folks,
This is probably a newbie kind of a question but I couldn't find the answer in the docs or FAQ after 30 minutes or so of looking.
When I create an drawing and save it as .svg the image doesn't scale when I open it in Mozilla Firefox or embed it in HTML.
Examples:
The following image is in SVG format and scales when the browser is resized (I don't know what was used to create this SVG):
http://www.carto.net/papers/svg/samples/canvas_norelief.svg
The following image was created in Inkscape and doesn't scale:
http://frankgilroy.com/uploaded_images/bootstrapgirl.svg
Is there a simple setting that will update the XML in the SVG file to allow for this scaling?
Frank
--
Frank Gilroy Was Here http://www.frankgilroy.com
This SF.net email is sponsored by: Microsoft Defy all challenges. Microsoft(R) Visual Studio 2005. http://clk.atdmt.com/MRT/go/vse0120000070mrt/direct/01/%3E
_______________________________________________
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
____________________________________________________________________________________ Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ
On 12/21/07, Frank Gilroy <fjgilroy@...155...> wrote:
Hi Folks,
This is probably a newbie kind of a question but I couldn't find the answer in the docs or FAQ after 30 minutes or so of looking.
When I create an drawing and save it as .svg the image doesn't scale when I open it in Mozilla Firefox or embed it in HTML.
Both of these scale just fine in Opera 9.24 Linux, and in Epiphany 2.20.1 (which uses Firefox 2's rendering engine).
I've seen Firefox on Windows have a few issues w/ SVG, could this be the problem?
Brian wirelizard.ca
Probably. But I did find the following work-around:
Two things are required to make this work.
1. Remove the Inkscape defined width and height settings (which forces the scaling to 100% of the defined "viewport" 2. Define a viewBox.
I defined a viewbox the size of the image like:
viewBox="0 0 824 624"
And this did the trick. Seems like this should definitely be an option in Inkscape. If not the default.
Frank
On Dec 21, 2007 12:10 PM, Brian Burger <blurdesign@...155...> wrote:
On 12/21/07, Frank Gilroy <fjgilroy@...155...> wrote:
Hi Folks,
This is probably a newbie kind of a question but I couldn't find the
answer
in the docs or FAQ after 30 minutes or so of looking.
When I create an drawing and save it as .svg the image doesn't scale
when I
open it in Mozilla Firefox or embed it in HTML.
Both of these scale just fine in Opera 9.24 Linux, and in Epiphany 2.20.1 (which uses Firefox 2's rendering engine).
I've seen Firefox on Windows have a few issues w/ SVG, could this be the problem?
Brian wirelizard.ca
This SF.net email is sponsored by: Microsoft Defy all challenges. Microsoft(R) Visual Studio 2005. http://clk.atdmt.com/MRT/go/vse0120000070mrt/direct/01/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
participants (6)
-
Benjamin Huot -
Brian Burger -
Elwin Estle -
Frank Gilroy -
Jelle de Jong -
Robert Funnell