The SVG file in the following link is stretched horizontally in a bad way:
http://isometricland.net/svg/openworld_sandbox_nonlinear_venndiagram_bugreport.svg
I was wondering if there were a quick way to fix the file by editing the source?
Unfortunately, the developer of the software GeoGebra which I used to create the file is slow when it comes to fixing bugs and I am in a hurry. I would appreciate any help. Thanks.
[edit]
Here's what it should look like, roughly.
Change the
viewBox
attribute in the root<svg>
element to the following.You may also want to change the
width
andheight
attributes to something more suitable. Useif you want it to fit inside a parent
<div>
or something. Or specify an exact size if you want that. Make sure you use a width and height with the same aspect ratio though (1615/897).Update
Option 1: To make it display as a square, you need to change the
viewBox
as above, but also change thepreserveAspectRatio
setting. Make the following changes to the root<svg>
element.The diagram will still be very large because the width and height are set to "60cm". If you want it smaller, just change these to something more suitable - eg. "600px". Or, if you want, make them "100%" as above and put them in a square
<div>
.Option 2: Or as an alternative to the above, you can add a
transform
to the first<g>
element (that wraps the whole diagram).This transform is equivalent to the implicit transform that the changed viewBox above is causing.
The comments, in Option 1, about changing the width and height, apply here also.