Картинки на задний план: Фон на задний план — 66 фото

python — Background помогите заменить задний фон на картинку

Вопрос задан 6 месяцев назад

Изменён 6 месяцев назад

Просмотрен 88 раз

Помогите заменить задний фон здесь на картинку.

import os
os.system('pip install pygame')
import pygame
import sys
from pygame import *
pygame.init() 
class TextInputBox(pygame.sprite.Sprite):
    def __init__(self, x, y, w, font):
        super().__init__()
        self.color = (0, 255, 179)
        self.backcolor = None
        self.pos = (x, y) 
        self.width = w
        self.font = font
        self.active = False
        self.text = ""
        self.render_text()
    def render_text(self):
        t_surf = self.font.render(self.text, True, self.color, self.backcolor)
        self. image = pygame.Surface((max(self.width, t_surf.get_width()+10), t_surf.get_height()+10), pygame.SRCALPHA)
        if self.backcolor:
            self.image.fill(self.backcolor)
        self.image.blit(t_surf, (5, 5))
        pygame.draw.rect(self.image, self.color, self.image.get_rect().inflate(-2, -2), 2)
        self.rect = self.image.get_rect(topleft = self.pos)
    def update(self, event_list):
        for event in event_list:
            if event.type == pygame.MOUSEBUTTONDOWN and not self.active:
                self.active = self.rect.collidepoint(event.pos)
            if event.type == pygame.KEYDOWN and self.active:
                if event.key == pygame.K_RETURN:
                    self.active = False
                elif event.key == pygame.K_BACKSPACE:
                    self.text = self.text[:-1]
                else:
                    self.text += event.unicode
                self.render_text()
pygame.init()
window = pygame.display.set_mode((1280, 720))
clock = pygame. 
  time.Clock()
font = pygame.font.SysFont(None, 100)
text_input_box = TextInputBox(50, 50, 400, font)
group = pygame.sprite.Group(text_input_box)
run = True
while run:
    clock.tick(120)
    event_list = pygame.event.get()
    for event in event_list:
        if event.type == pygame.QUIT:
            run = False
    group.update(event_list)
    window.fill(0)
    group.draw(window)
    pygame.display.flip()
pygame.quit()
exit()

• python
• python-3.x
• изображения
• pygame
• background

Попробуйте так:

import os
import sys
# ??? os.system('pip install pygame')
import pygame
from pygame import *
class TextInputBox(pygame.sprite.Sprite):
    def __init__(self, x, y, w, font):
        super().__init__()
        self.color = (0, 255, 179)
        self.backcolor = None
        self.pos = (x, y) 
        self.width = w
        self.font = font
        self.active = False
        self.text = ""
        self.render_text()
    def render_text(self):
        t_surf = self.  font.render(self.text, True, self.color, self.backcolor)
        self.image = pygame.Surface(
            (max(self.width, t_surf.get_width()+10), t_surf.get_height()+10), 
            pygame.SRCALPHA
        )
        if self.backcolor:
            self.image.fill(self.backcolor)
        self.image.blit(t_surf, (5, 5))
        pygame.draw.rect(self.image, self.color, self.image.get_rect().inflate(-2, -2), 2)
        self.rect = self.image.get_rect(topleft = self.pos)
    def update(self, event_list):
        for event in event_list:
            if event.type == pygame.MOUSEBUTTONDOWN and not self.active:
                self.active = self.rect.collidepoint(event.pos)
            if event.type == pygame.KEYDOWN and self.active:
                if event.key == pygame.K_RETURN:
                    self.active = False
                elif event.key == pygame.K_BACKSPACE:
                    self.text = self.text[:-1]
                else:
                    self.text += event.unicode
                self.
  clock = pygame.time.Clock()
font = pygame.font.SysFont(None, 100)
text_input_box = TextInputBox(50, 50, 400, font)
group = pygame.sprite.Group(text_input_box)
all_sprites.add(text_input_box)
run = True
while run:
    clock.tick(120)
    event_list = pygame.event.get()
    for event in event_list:
        if event.type == pygame.QUIT:
            run = False
    group.update(event_list)
    window.blit(background,(0,0))                                            # !!!   
    all_sprites.draw(window)                                                 # !!!    
    pygame.display.update()                                                  # !!! 
    '''
    window.fill(0)
    group.draw(window)
    pygame.display.flip()
    '''
    
pygame.quit()
exit()

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Несколько фоновых картинок | WebReference

К одному элементу можно добавить сразу несколько фоновых изображений через единственное свойство background. Это позволяет обойтись одним элементом для создания сложного фона или одной картинкой, выводя её несколько раз с различными настройками. Все изображения со своими параметрами перечисляются через запятую, при этом вначале указывается картинка которая выводится поверх остальных изображений, а последней, соответственно, самая нижняя картинка. В примере 1 показано создание фона с тремя изображениями.

Пример 1. Три фона

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>Фон</title> <style> body { background: url(/example/image/animate-bg3.png) 90% 90% no-repeat fixed, url(/example/image/animate-bg2.png) 40% 40% no-repeat fixed, url(/example/image/animate-bg1.jpg) no-repeat fixed; background-size: auto, auto, cover; /* Меняем масштаб */ } </style> </head> <body></body> </html>

Если требуется отдельно задать какое-то стилевое свойство для фона, вроде background-size как в примере выше, то параметры для каждого фона перечисляются через запятую. Результат данного примера показан на рис. 1.

Рис. 1. Фон с тремя изображениями

Отдельные изображения для фона позволяют менять их положение, а также анимировать, как показано в примере 2.

Пример 2. Анимированный фон

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>Фон</title> <style> body { background: url(/example/image/animate-bg3.png) 90% 90% no-repeat fixed, url(/example/image/animate-bg2.png) 40% 40% no-repeat fixed, url(/example/image/animate-bg1.jpg) no-repeat fixed; background-size: auto, auto, cover; animation: ball 40s linear infinite; } @keyframes ball { from { background-position: 3000px 90%, 180% 40%, 0 0; } to { background-position: -2000px 90%, -300px 20%, 0 0; } } </style> </head> <body></body> </html>

Подробнее про анимацию рассказывается далее.

Рассмотрим теперь как применять одну картинку для создания блока с рамкой (рис.  2). Ширина блока фиксированная, а высота тянется в зависимости от объёма содержимого блока.

Рис. 2. Рисованная рамка

На рисунке хорошо заметна верхняя и нижняя часть, которую требуется вырезать в графическом редакторе и расположить по горизонтали. Средняя часть выбирается таким образом, чтобы она повторялась без швов по вертикали. Картинка имеет выраженный повторяющийся орнамент, так что трудностей с выделением быть не должно. В итоге получится такое подготовленное изображение (рис. 3). Клетчатое поле обозначает прозрачность, оно позволяет задавать наряду с изображениями цветной фон и легко менять его через стили.

Рис. 3. Подготовленное для фона изображение

Сам фон выводится свойством background, оно же задаёт и координаты нужного фрагмента. Параметры каждого фона перечисляются через запятую и в данном случае имеет значение их порядок. Нам требуется, чтобы верхняя и нижняя часть блока не перекрывались, поэтому ставим их первыми (пример 3). Цвет фона указывается последним.

Пример 3. Несколько фоновых картинок

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>Фон</title> <style> .aztec { width: 212px; /* Ширина блока с учётом padding */ min-height: 240px; /* Минимальная высота */ background: url(/example/image/aztec-bg.png) 0 0 no-repeat, url(/example/image/aztec-bg.png) -576px 100% no-repeat, url(/example/image/aztec-bg.png) -288px 0 repeat-y, #f3dbb3; padding: 38px; /* Поля вокруг текста с учётом границы */ } </style> </head> <body> <div> <p>Уицилопочтли — «колдун колибри», бог войны и солнца.</p> <p>Тескатлипока — «дымящееся зеркало», главный бог ацтеков.</p> <p>Обоим богам приносили человеческие жертвы.</p> </div> </body> </html>

Первый фон выводит верхнюю границу блока, второй фон — нижнюю, а третий вертикальные границы. Последним идёт цвет, который виден в прозрачной центральной части блока (рис.

 4).

Рис. 4. Вид рамки

• background
• background-size
• Линейный градиент
• Масштабирование фона
• Спрайты
• Установка фона и градиента
• Фоновая картинка

Автор: Влад Мержевич

Последнее изменение: 11.03.2020

Backgrounds Stock-Fotos und Bilder — Getty Images

• CREATIVE
• EDITORIAL
• VIDEOS

Beste Übereinstimmung

Neuestes

Ältestes

Am beliebtesten

Alle Zeiträume24 Stunden48 Stunden72 Stunden7 Tage30 Tage12 MonateAngepasster Zeitraum

Lizenzfrei

Lizenzpflichtig

RF und RM

Durchstöbern Sie 2.501.607

backgrounds Stock-Photografie und Bilder. Odersuchen Sie nach Wonderlust Oder Texturen, um noch mehr faszinierende Stock-Bilder zu entdecken. студийные фоны — фоны со стоковыми фотографиями и изображениями в фоновом режиме. nahtloses собрать. — фоны сток-графики, -клипарт, -мультфильмы и -symboleflüssiger стиль пастельные абстрактные фоны с элементами вектора. — фоны стоковая графика, -клипарт, -мультфильмы и -символпустой фон, бетонная текстура — фоны стоковая фотография и изображенияпростой студийный фон rotlicht trail auf blauemhintergrund — backgrounds stock-grafiken, -clipart, -cartoons und -symbolegelb ergelber und Orangefarbenerhintergrund mit subtilen lichtstrahlen — backgrounds stock-grafiken, -clipart, -cartoons und -symboleblur абстрактный фон из офиса, современный светлый просторный бизнес-зал — фоны стоковые фотографии и два пустых пространства, пол и фон стены с неоновыми тонами — фоны стоковые фотографии и два абстрактных и современных серых фона с более яркими изогнутыми линиями. — фоны стоковые фотографии и изображения технологии фоновые иллюстрации — фоновые стоковые изображения, -клипарты, -мультфильмы и -символические пастели для абстрактных изображений — фоновые стоковые изображения, -клипарты, -мультфильмы и -символы, структурированные эффекты горизонтальных векторов mit einer kreativen, leuchtend lebendigen roten farbe — backgrounds stock-grafiken, -clipart, -cartoons und -symboleneutral color studio background — backgrounds stock-fotos und bilderbunterhintergrund — backgrounds stock-fotos und bilderstudio black background — backgrounds stock-fotos und bilderblue empty табло для отображения с градиентным освещением, используемым в качестве фона, и отображение вашего продукта клипарт, мультфильмы и символы, студия Zimmer Grau Hintergru nd — фоны сток-графика, -клипарт, -мультфильмы и -символы — графические документы — фоны сток-графика, -клипарт, -мультфильмы и -символцвет серый фон туман — фоны сток-фото и изображения синий гранж хинтегрунд — фоны сток-фото и изображения 3d рендеринг выставочного фона — фоны стоковые фотографии и изображения волновых паттернов технологии фоны — фоны стоковые изображения, -клипарты, -мультфильмы и -символы, механические и грубые орнаменты для изображения фона grafiken, -clipart, -cartoons und -symboleabstrakter dreickiger hintergrund — backgrounds stock-grafiken, -clipart, -cartoons und -symboleabstrakte wavey blaue muster hintergrund — backgrounds stock-grafiken, -clipart, -cartoons und -symboletech abstract data hinertrund — backgrounds stock -grafiken, -clipart, -cartoons und -symbolexxxl dunkle konkrete — backgrounds stock- fotos und bilderabstrakterhintergrund — backgrounds stock-grafiken, -clipart, -cartoons und -symboleclose-up of деревянные перила на столе — backgrounds stock-fotos und bilderfeierkarte hintergrund — backgrounds stock-grafiken, -clipart, -cartoons und -symbolemitternacht blau gefärbte wand структурированный векторный фон — фоны стоковая графика, -клипарт, -мультфильмы и -symboleabstract взрыв волнение взрыв молния патриотический фон — фоны стоковая графика, -клипарт, -мультфильмы и -символы на черном фоне — фоны стоковые фото и сверкающие золотые рождественские украшения — украшение расфокусированный боке фон — фоны стоковые фото и бильярдные картинки — фоны стоковые фото и бильярдные абстракции подсказки с природными линиями — фоны стоковые графики, -клипарты, -мультфильмы и -символы кормовой площади фоновые рисунки — фоны стоковые графики , -клипарт, -мультики и -символыэлегантный гранж серебристый, вперед ld, розовый рождественский свет боке и винтажный кристалл instagram background texture размытие фона — фоны стоковые фотографии и изображения абстрактного фона, сделанные с подсветкой блестящими блестками. концепция нового года. — фоны стоковые фотографии и изображения сверкающая золотая рождественская звезда — орнамент украшения расфокусированный боке фон — фоны стоковые фотографии и изображения драгоценных камней абстрактные иллюстрации — фоны стоковые изображения, -клипарт, -мультфильмы и -символстарая гранж золотая стена, желтая текстура фона. — фоны стоковые фотографии и бильярдные абстрактные движущиеся фоны — фоны стоковые графики, -клипарты, -мультфильмы и -символыстудийные фоны — вертикальная версия — фоны стоковые фотографии и изображения абстрактных зеленых и желтых фонарей — фоны стоковые графики, -клипарты, — Cartoons und -symbolesmooth blend Rainbow Glow Abstrakter Intergrund — backgrounds stock-grafiken, -clipart, -cartoons und -symboleweiße holz Brett Hintergrund — backgrounds stock-fotos und bilderpräsentation titel folie design vorlage mit retro mid Century geometrische grafik — backgrounds stock-grafiken, -clipart , -cartoons und -symbolelogistiktechnik abstract vernetzung verbindungenhintergrund — backgrounds stock-grafiken, -clipart, -cartoons und -symbolefohe weihnachten hintergrund — backgrounds stock-grafiken, -clipart, -cartoons und -symbole3d рендеринг выставочного фона — backgrounds stock-fotos und bilder фон 100

Удалить фон с изображений | InPixio Remove BG Tool

Удалить фон с изображений | InPixio Remove BG Tool

Никогда еще удаление фона с изображений не было таким простым. С помощью inPixio Remove Background вы можете получить прозрачный фон за считанные секунды!

ПЕРЕТАЩИТЕ ИЗОБРАЖЕНИЕ СЮДА

или же

выбрать фото

URL изображения

Пожалуйста, оставьте отзыв о нашем инструменте, чтобы помочь нам стать лучше!

Как использовать автоматическое удаление фона

Хотите удалить фон вручную?

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

загрузите свое фото

попробуйте этот образец

Удаление фона InPixio, идеально подходит для

• Персональное использование
• электронная коммерция
• Бизнес

Обычное использование инструмента «Удалить фон»

• Удалите фон с фотографий товаров, чтобы получить прозрачное изображение, которое можно добавить на белый фон. Многие продавцы Amazon и eBay увеличивают конверсию, используя наш инструмент для создания чистых и согласованных изображений для своих каталогов товаров.

• Удалите фон с изображения логотипа, чтобы его можно было легко переназначить и свободно использовать с прозрачным фоном.

• Удалите фон с фотографии из отпуска, чтобы быстро удалить людей или объекты, которые отвлекают от объекта вашего изображения.

• Создайте фотомонтаж, удалив фон с нескольких фотографий. После удаления вставьте прозрачные изображения на любой новый фон, который вам нравится!

• Удаление фона очень удобно для создания маркетинговых материалов для бизнеса, а также для улучшения рабочего процесса.

Часто задаваемые вопросы об удалении фона

Зачем использовать средство для удаления фона inPixio?

inPixio Remove Background обеспечивает удаление фона с качеством HD, что означает, что ваше окончательное изображение сохранит свое качество.