Inkscape.org
Beginners' Questions Changing a svg shape
  1. #1
    Chas Charles-Dunne Chas Charles-Dunne @Kiltpin

    Hello All,

    I have an .svg graphic that is 500 x 300, and I wish to change the shape to 500 x 300. My flagmaker requires an .svg to size up to 5ft x 3ft.

    https://upload.wikimedia.org/wikipedia/commons/d/d8/Banner_double_tressure_flory_counter-flory.svg

    Every time, I import this and try and change the shape, the outer dimensions change, but the image stays exactly where it is. What am I doing wrong, or more like, what am I not doing?

    Also is there a good tutorial that would suit children?

    Kind regards

    Kiltpin

  2. #2
    Paddy_CAD Paddy_CAD @Paddy_CAD

    Perhaps you should change the page size to match your flag.

    [File > Document Properties...]
       [Display]
          [Format: in]
          [Width: 96]
          [Height: 60]

  3. #3
    David248 David248 @David248
    *

    First method : quick (and dirty ?)

    • Open document properties and resize document to 500 px wide and 300 px height.
    • Enable Snapping to : Bounding boxes and Page borders.
    • Click on selector tool.
    • In tool option bar above canvas, untick if necessary the 4th from the right (When scaling objects, scale the stroke width by the same proportions)
    • Press ctrl+A or click on the first icon from the left of the tool option bar.
    • You can see now the resize handles (black arrows) : click and drag the bottom right handle to the bottom right corner of page.

    There is a slight distortion.

  4. #4
    Polygon Polygon @Polygon🌶

    In essence: Go document properties to adjust page size to 5x3ft/1524x914,4mm. Then with Selector tool select all and make sure "When scaling objects, scale the stroke width by the same proportions" is enabled in the tool bar - then hold ctrl-key down to maintain proportional scale and click and drag from a corner till it fits the width of the page. Your drawing won´t fit inside 5x3ft as it has different aspect ratio. File attached.

    Banner Double Tressure Flory Counter Flory5X3Ft
  5. #5
    David248 David248 @David248
    *

    Second method : more precise.

    • There is a 10 pixels margin around your design.
    • Open document properties, resize document to 480 x 280 px (you'll see later why).
    • With selector tool, click on grey rectangle background (rect6914), resize to 500 x 300 px. Open align and distribute panel and align it to page Center on vertical and Center on horizontal axis.
    • Open objects panel and lock it (rect6914).
    • Open align and distribute panel, enable option Move/ align selection as a group. Select all and Align Left edges and Align top edges to page.
    • Select the three center flowers of top, align them Center on vertical axis.
    • Select the 5 bottom flowers, Align bottom edges to page.
    • Select the 3 right flowers, Align right edges to page.
    • Select the 3 center flowers of bottom and align Center on vertical axis.
    • Select the two flowers at the middle of left and right, align to page Center on horizontal axis.

    Now, let's resize the frame.

    • Enable snapping to cusp nodes and guides
    • Drag a guide from top of left ruler (it is diagonal) : drag it to the apex of the upper right flower.
    • Drag a guide from the bottom of left ruler (it is diagonal). Drag it to the apex of the bottom right flower.
    • Use node tool, click on the two frames (holding shift to select them both), then rectangle select the 8 nodes of the bottom and top right corners. Now click on the most top right node and drag (holding ctrl-key) it to the guide.
    • Click somewhere else to deselect the two frames. Select them again, then rectangle select the 8 nodes of the two bottom corners. Now (holding ctrl), click the lowest right node and drag it to the guide.
    • Use objects panel to unlock rect6914 and select it, press ctrl + shift + R to resize document to its size (500 x 300 px).

  6. #6
    David248 David248 @David248
    Polygon

    Your drawing won´t fit inside 5x3ft as it has different aspect ratio. File attached.

    My two posts describe ways to put the drawing to a 500x300 aspect ratio, then follow Polygon's advise to give it the right scale.

  7. #7
    Chas Charles-Dunne Chas Charles-Dunne @Kiltpin

    Thanks everyone. Lots to think about and learn here. I am working my way through it all, but very slowly!