Imagemagick - перемещать / смещать изображения внутри плиточного монтажа?

Вам будет сложно выполнить то, что вы хотите, с помощью компонента без состояния, поскольку вы не можете использовать refs или state в компоненте без состояния. Вы можете думать о компоненте без гражданства как о чистой функции, которая возвращает часть пользовательского интерфейса в зависимости от props, которую вы ему даете.

Вместо этого вы можете использовать компонент с состоянием и, например, сохраните входные значения в state и вызовите функцию onClickSubmit prop с этим state, когда пользователь отправит форму.

2
задан sdaau 18 January 2019 в 19:12
поделиться

2 ответа

Как предлагается в комментарии:

convert -background none red.png \( -size 25x xc:none blue.png +append \) -append result.png

enter image description here

Или с двумя различными смещениями:

convert -background none red.png            \
   \( -size 25x xc:none blue.png +append \) \
   \( -size 50x xc:none blue.png +append \) \
   -append result.png
[1115 ] enter image description here

Не знаете, какова ваша конечная цель, но вы также можете сделать это:

convert -gravity east -background none red.png blue.png red.png blue.png -append result.png

enter image description here

Или это:

convert -gravity center -background none red.png blue.png red.png blue.png -append result.png

enter image description here

0
ответ дан Mark Setchell 18 January 2019 в 19:12
поделиться

В ImageMagick 6 еще один способ - расширить прозрачный фон, а затем скомпоновать синее изображение в центре нижней половины расширенного изображения.

convert -size 300x100 xc:red -background none -extent 300x200 -size 100x100 xc:blue -geometry +100+100 -composite result.png


enter image description here

0
ответ дан fmw42 18 January 2019 в 19:12
поделиться
Другие вопросы по тегам:

Похожие вопросы: