I am working with a file that someone gave me. I have isolated one box to demonstrate the issue. I want to expand the box horizontally and retain the border. When I do try, however, the border becomes "stretched" and the horizontal borders become thinner than the vertical borders. Here is a video to demonstrate what is happening -- it's much easier to see here: https://streamable.com/xrs7ay (will expire in two days however).
I figured out how to ungroup, but still the outer box has this "stretching" issue. Here is the SVG source code for a file only these two grouped boxes:
My Inkscape 1.2.2 (b0a8486541, 2022-12-01) has Preferences>Behavior>Transforms set to optimized already.
Jurgen, can you explain what you mean?
Attached is the file with two boxes (that I copied from the full file that I am trying to edit). They are different sizes/shapes. I don't know Inkscape (yet) very well at all. The person who made this used Illustrator, but anyhow there should be a way to get what I need.
Okay... so these are twice a group of a rectangle with no fill and the same rectangle with no stroke.
Basically the easiest solution would be to ungroup them, add the same fill to the one with the stroke. And finally at the stroke settings, pick the right stroke-fill order.
Now, when you select that object, you can move the nodes together to resize the image.
But when I do that, the corner bevel gets ruined, as per the attached. I then figured out that if I do "Edit paths by node" that the corner has 5 "nodes" on it. I think that's why the corner got messed up when I stretched it...
Yes, indeed. You need to select them all. Maybe the easiest solution would be to draw a new rectangle of that size and round the corners that way. But if you need to edit specifically that shape, you need to select all 10 nodes (from the two corners you want to move together)
The rectangle to the right is a group of two groups and clipped regarding the info in the Status bar. All not necessary. Ungroup 2 times - release clipping and delete Clipping Path - Delete the fill color object - select the rounded rectangle stroke and apply a fill color - done. If you want to scale that thing while maintaining radi use the node tool and select nodes from one half - transform then the other 2 corners. Would be easier with a fresh rounded rectangle though.
"Maybe the easiest solution.." "Would be easier..."
I tried just making a new rectangle, and I learned how to adjust the rounding. That was about a thousand times easier than playing with the bizarre multi-node rectangles I have.
Beginners' Questions Stretching a Box Ruins the Borders
Inkscape.org
I am working with a file that someone gave me. I have isolated one box to demonstrate the issue. I want to expand the box horizontally and retain the border. When I do try, however, the border becomes "stretched" and the horizontal borders become thinner than the vertical borders. Here is a video to demonstrate what is happening -- it's much easier to see here: https://streamable.com/xrs7ay (will expire in two days however).
Thank you.
It's likely the object is in a group. The status bar at the bottom of Inkscape will have info on the selected object(s).
[mistake post]
Sir, you are correct. :)
I figured out how to ungroup, but still the outer box has this "stretching" issue. Here is the SVG source code for a file only these two grouped boxes:
https://pastebin.com/U1Lgec9R
Can you explain how I can stretch it horizontally and retain a uniform border?
Thank you.
SVG files can be attached here, btw.
Objects (not groups) should maintain stroke proportion if Preferences>Behavior>Transforms is set to optimized.
If the stroke is turned into two lines, the only approach I can think of, is dragging the nodes of one side out all together.
Didn't find the file upload until now.
My Inkscape 1.2.2 (b0a8486541, 2022-12-01) has Preferences>Behavior>Transforms set to optimized already.
Jurgen, can you explain what you mean?
Attached is the file with two boxes (that I copied from the full file that I am trying to edit). They are different sizes/shapes. I don't know Inkscape (yet) very well at all. The person who made this used Illustrator, but anyhow there should be a way to get what I need.
Okay... so these are twice a group of a rectangle with no fill and the same rectangle with no stroke.
Basically the easiest solution would be to ungroup them, add the same fill to the one with the stroke. And finally at the stroke settings, pick the right stroke-fill order.
Now, when you select that object, you can move the nodes together to resize the image.
Excellent, I am making progress with your help!
But when I do that, the corner bevel gets ruined, as per the attached.
I then figured out that if I do "Edit paths by node" that the corner has 5 "nodes" on it. I think that's why the corner got messed up when I stretched it...
Yes, indeed. You need to select them all. Maybe the easiest solution would be to draw a new rectangle of that size and round the corners that way. But if you need to edit specifically that shape, you need to select all 10 nodes (from the two corners you want to move together)
The rectangle to the right is a group of two groups and clipped regarding the info in the Status bar. All not necessary. Ungroup 2 times - release clipping and delete Clipping Path - Delete the fill color object - select the rounded rectangle stroke and apply a fill color - done. If you want to scale that thing while maintaining radi use the node tool and select nodes from one half - transform then the other 2 corners. Would be easier with a fresh rounded rectangle though.
"Maybe the easiest solution.." "Would be easier..."
I tried just making a new rectangle, and I learned how to adjust the rounding. That was about a thousand times easier than playing with the bizarre multi-node rectangles I have.
Thank you for all who helped out here!