I want to vertically center the diamond on the page, but preserve the position of the crown relative to the diamond.
I can't group (or select all) then center, because that centers the group using the center of the bounding-box as the midpoint.
I want to center the group, while keeping the midpoint of the group the same as the midpoint of the diamond.
I could drag the midpoint of the group to the same location as the diamond's midpoint, but the diamond's midpoint is only marked while I'm selecting just the diamond. So I can't see it when I'm trying to center the group.
The buttons are confusingly labeled in Inkscape. What's called "vertical align: middle" in CSS is called "Center on horizontal axis" in Inkscape. In your GIF you're horizontally centering the image. I specifically said I want to vertically center it.
A variation of Polygon's method: Draw some temporary construction lines centred on the diamond and create a group. Delete them when you're happy with the arrangement.
Does that better illustrate what I'm trying to achieve?
Unfortunately not for me. I just guess you want to maintain the white/negative space between crown and diamond. Diamond still not symmetrical. But when diamond is in the right place the crown will be cropped - Screenshot and file are not having the same page aspect ratio:
screenshot
I want to vertically center the diamond on the page, but preserve the position of the crown relative to the diamond.
I can't group (or select all) then center, because that centers the group using the center of the bounding-box as the midpoint.
I want to center the group, while keeping the midpoint of the group the same as the midpoint of the diamond.
I could drag the midpoint of the group to the same location as the diamond's midpoint, but the diamond's midpoint is only marked while I'm selecting just the diamond. So I can't see it when I'm trying to center the group.
You can group crown + diamond and because crown fits inside the bounding box width of the diamond it will align to this bounding relative to the page.
That only works for horizontal centering. I want to vertically center the diamond, while preserving the position of the crown relative to the diamond.
The buttons are confusingly labeled in Inkscape. What's called "vertical align: middle" in CSS is called "Center on horizontal axis" in Inkscape. In your GIF you're horizontally centering the image. I specifically said I want to vertically center it.
This is what I did then. Why is your design not symmetrical in first place?
Checkout these screenshots. The first shows the group vertically centered. The second shows the diamond and crown individually centered.
In the first screenshot, neither diamond _nor_ crown are positioned how I want.
In the second screenshot, only the _diamond_ is positioned how I want.
Does that better illustrate what I'm trying to achieve?
Maybe this:
A variation of Polygon's method: Draw some temporary construction lines centred on the diamond and create a group. Delete them when you're happy with the arrangement.
Unfortunately not for me. I just guess you want to maintain the white/negative space between crown and diamond. Diamond still not symmetrical. But when diamond is in the right place the crown will be cropped - Screenshot and file are not having the same page aspect ratio:
Like Dr. Frankenstein, I will animate this lifeless husk! < cue lightning flash >
Thanks guys. @Paddy_CAD's technique looks simplest so I think I'll try that one for now 😎
I understand the cropping issue but I'll just resize the page.