Копируйте, вставляйте, перемещайте цветные квадраты, но держите их выровненными по сетке

Я разрабатываю словесную игру для iOS и хотел бы использовать файл SVG в качестве игровой доски.

Файл SVG (автор: Denelson83, Wikimedia Commons) почти идеально подходит для моей игры — за исключением смещенных цветных квадратов.

Мой вопрос:

Как я могу скопировать такой цветной квадрат (это группа ?), затем вставить его и переместить новый квадрат в новое место, но при этом сохранить его выровненным по сетке?

Скриншот

Как новичок в Inkscape, я уже узнал, что могу перейти к «оригиналу» с помощью Shift-D .

И я могу удерживать клавишу CTRL , чтобы перемещать объекты по горизонтали или вертикали.

Но я до сих пор не понимаю, как выровнять перемещаемый квадрат по сетке (которая тоже вроде бы находится в отдельном слое — так как же автору удалось выровнять все квадраты по сетке?)

А также я не могу найти какой-то вид/диалог/панель инструментов, которая показывала бы мне координаты перетаскиваемого мной объекта (я вижу только координаты указателя мыши внизу справа). Если бы я мог видеть/изменять эти координаты, то я мог бы (утомительно) вычислить и установить координаты для новых квадратов...

ОБНОВИТЬ:

Я включил привязку к сетке , а также включил отображение сетки:

сетка

но квадрат не привязывается к сетке, когда я его перетаскиваю.

А еще сетка слишком мелкая и не могу найти как сделать ее ячейки шире.

ОБНОВЛЕНИЕ 2:

Я нашел, где установить размер сетки (15 x 15) и смещение:

характеристики

Но в то время как сетка теперь выглядит нормально и тоже защелкивается — она защелкивается в неправильных местах, как показано ниже.

щелчок

Почему сетка не привязывается к границам квадрата?

Может быть, это ошибка в Inkscape? Как это обойти, пожалуйста?

ОБНОВЛЕНИЕ 3: я получил офлайн-рекомендацию удерживать клавишу ALT при перетаскивании квадрата.

как на последнем изображении, похоже, что текст привязывается к сетке?
Да, Inkscape тоже что-то пишет. по поводу базовой линии текста... Но мне нужно переместить квадраты.

Ответы (1)

Чтобы привязать всю группу, вам необходимо включить «Привязать углы ограничительной рамки» , щелкнув соответствующий значок на панели инструментов привязки:

Привязать углы ограничивающей рамки

Обычно этот флаг не включен, и вы видите привязку к базовой линии текста:

Привязка к тексту по умолчанию

Включив этот флаг, вы увидите привязку к ограничивающей рамке группы (или выделения);

Привязка к углам ограничивающей рамки

Вы можете изменить поведение привязки, используя другие кнопки на панели инструментов. См . здесь для справки.

Имейте в виду, что привязка зависит от положения вашей мыши в выделении : если вы начнете перетаскивать группу мышью рядом с текстом, привязка будет связана с текстом, если ваша мышь находится возле верхнего левого угла блок, привязка будет связана с верхним левым углом блока (если включен параметр «Привязать угол ограничивающего блока») и т. д.