Вам будет сложно выполнить то, что вы хотите, с помощью компонента без состояния, поскольку вы не можете использовать refs
или state
в компоненте без состояния. Вы можете думать о компоненте без гражданства как о чистой функции, которая возвращает часть пользовательского интерфейса в зависимости от props
, которую вы ему даете.
Вместо этого вы можете использовать компонент с состоянием и, например, сохраните входные значения в state
и вызовите функцию onClickSubmit
prop с этим state
, когда пользователь отправит форму.
Как предлагается в комментарии:
convert -background none red.png \( -size 25x xc:none blue.png +append \) -append result.png
Или с двумя различными смещениями:
convert -background none red.png \
\( -size 25x xc:none blue.png +append \) \
\( -size 50x xc:none blue.png +append \) \
-append result.png
[1115 ]
Не знаете, какова ваша конечная цель, но вы также можете сделать это:
convert -gravity east -background none red.png blue.png red.png blue.png -append result.png
Или это:
convert -gravity center -background none red.png blue.png red.png blue.png -append result.png
В ImageMagick 6 еще один способ - расширить прозрачный фон, а затем скомпоновать синее изображение в центре нижней половины расширенного изображения.
convert -size 300x100 xc:red -background none -extent 300x200 -size 100x100 xc:blue -geometry +100+100 -composite result.png