Как сделать фон изображения, наклеенного поверх другого изображения, прозрачным в подушке?
Я делаю шахматного бота, который будет работать в программе чата, реагируя и перемещая фигуры в соответствии с командами пользователей. Таким образом, я пытаюсь вставить png-изображения шахматных фигур поверх фонового изображения png шахматной доски, используя подушку пакета python.
В любом другом софте у шахматных фигур прозрачный фон, и все, что находится за ними, просвечивает, но когда я вставляю их поверх шахматной доски с помощью подушки, у шахматной фигуры появляется серый фон, который не соответствует плитке на шахматной доске.
Есть ли способ, которым я могу вставить изображение шахматной фигуры поверх фона моей шахматной доски без добавления серого цвета фона шахматной фигуры? Или есть альтернативный способ сделать это в python, который даст желаемый результат?
Я еще не закончил с ботом и игровой логикой, но в качестве примера я включил некоторый код, иллюстрирующий, как я вставил одно изображение поверх другого:
from PIL import Image
board = Image.open('assets/chessboard.png')
w_pawn = Image.open('assets/w_pawn_png_shadow_128px.png')
a_eight = (102, 30, 210, 158) # Left, top, right and bottom coordinates of where the piece is pasted onto the board
battle_board = board.copy()
battle_board.paste(w_pawn, a_eight)
battle_board.show()
Чтобы быстро показать, как выглядит вывод, я включил скриншот того, как выглядит пешка, когда она вставлена на доску:
Вот еще один ответ, показывающий использование функции alpha_composite().
Спасибо, мне нужно время, чтобы понять это правильно, но на первый взгляд это выглядит многообещающе.
Если вы отредактируете свой вопрос и добавите несколько ссылок на два задействованных изображения, я смогу опубликовать работающий ответ…
ООО, прекрасно. эти помогают?
Ответы 1
Хорошо, вот как это сделать с помощью статической функции класса PIL.Image.alpha_composite() PIL Image, которую я рекомендовал в комментариях. Он выполняет операцию обработки изображения, известную как альфа-композитинг.
Обновление: я обнаружил, что есть также метод Image.alpha_composite(), который выполняет аналогичную операцию, но делает это «на месте», что потенциально может обеспечить лучшую производительность (хотя текущая документация говорит, что в настоящее время это не так) . Поскольку это может измениться в будущем, я изменил показанный код, чтобы использовать его, чтобы воспользоваться преимуществами возможных будущих изменений.
Поскольку функции alpha_composite_paste() нет, изображение того же размера, что и фоновое изображение шахматной доски, должно быть сначала создано с полностью прозрачным фоном. Затем шахматная фигура наклеивается на нее в нужном месте.
После того, как все это будет сделано, у вас теперь есть два изображения одинакового размера — как того требует alpha_composite() — затем применяется композитинг… последний шаг процесса.
from PIL import Image
# Two RGBA images.
board = Image.open('chessboard.png')
w_pawn = Image.open('w_pawn_png_shadow_128px.png')
a_eight = (102, 30, 210, 158) # Left, top, right and bottom coordinates of where
# the piece is pasted onto the board
battle_board = board.copy()
# First make a fully transparent image the same size as the chessboard image.
tmp_img = Image.new('RGBA', battle_board.size, color=(0,0,0,0))
tmp_img.paste(w_pawn, box=a_eight) # Paste chess-piece on it at desired posn.
battle_board.alpha_composite(tmp_img) # Composite tmp_img onto board img "in-place".
battle_board.show() # TaDa!
Вот результат:
Эй, извините за исчезновение на некоторое время, мой Wi-Fi перестал работать прошлой ночью, и я не смог повторно подключиться. Хотя это выглядит великолепно! Спасибо вам большое за это! Я тоже многому научился, что всегда хорошо.
Было интересно… но подумал, что это было просто временное отсутствие. Оказывается, задержка дала мне время улучшить код в моем ответе.
Тогда есть серебряная подкладка. Ваше решение сработало отлично, и я очень благодарен!
FWIW, в другом моем ответе на связанный вопрос есть определение обобщенной alpha_composite_paste() функции, в которой используется та же техника, что и в этом.
Я думаю, вам нужно будет использовать Image.alpha_composite() , чтобы получить желаемый эффект. Пример его использования для размещения нарисованной фигуры поверх изображения есть в этом ответе Я когда-то писал — но идея та же.