python — Background помогите заменить задний фон на картинку
Вопрос задан
Изменён 10 месяцев назад
Просмотрен 379 раз
Помогите заменить задний фон здесь на картинку.
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()
Зарегистрируйтесь или войдите
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки
Как добавить свою картинку на задний фон с помощью эффекта
Главная » Инструкции по работе в Тик Ток
Автор Игорь Трошин Опубликовано
Один из вопросов пользователей: «как вставить картинку на видео в Тик Токе». Эффект: «Пользовательский фон» доступен через раздел поиска.
Содержание
- Эффект «Мой фон»: как и где найти
- Как загрузить свою картинку на задний план
- Если фон не подходит: как отредактировать
Эффект «Мой фон»: как и где найти
«Пользовательский фон» в Тик Токе – это одна из масок, которую можно добавить через чужое видео и добавление эффекта в раздел «Избранные».
Отличается от остальных тем, что можно загружать любые картинки из Галереи или использовать стандартные, предложенные приложением. При этом, активным остается передний план, где движется автор клипа.
При съемке, можно несколько раз изменять фон, останавливая запись и продолжая. Как искать маску:
- перейти в раздел «Маски» и загрузить из доступных;
- использовать видео других авторов.
Мнение эксперта
Игорь Трешин
Любимое приложение Тик Ток, изучил практически весь функционал приложения.![]()
В Тик Токе доступна функция по добавлению чужих эффектов к себе в каталог. Пользователи могут обмениваться старыми или новыми масками, которых не получилось найти в стандартном списке. Добавляя в раздел: «Избранное», автор получает быстрый доступ к маскам, которые применяет в клипах чаще всего.
Как загрузить свою картинку на задний план
Чтобы загрузить изображение для заднего плана, нужно отыскать саму маску.
Если её нет в списке эффектов:
- Открыть Tik Tok – перейти в поиск.
- Вписать: «Пользовательский фон».
- Нажать по любому клипу из популярных – сверху кнопка с названием эффекта.
- Нажать: «Добавить в избранное» или «Снять с этой же маской».
Далее, нужно перейти к созданию клипа и в раздел «Маски». Под значком в виде флага расположены недавно добавленные эффекты в категорию: «Избранное». Выбрав «Пользовательский фон», нужно подобрать окончания загрузки и отметить ту картинку, которая подходит для ролика.
Если автор хочет загрузить изображение из Галереи:
- Нажать по эффекту – появится полоса с кнопкой «+».
/24f3a5ce752e1b9.s.siteapi.org/img/770a68464c1959816b2e66df43794289736ae9c6.jpg)
- Выбрать снимок из Фотопленки.
- Разместить на видео и записать клип.
Чтобы изменить задний фон во время съемки, нужно остановить запись и сделать вторую часть видео. Добавление других изображение происходит тем же способом, что и загрузка первого.
Если фон не подходит: как отредактировать
Одна из проблем при работе с эффектом – изображение слишком большое или маленькое. На экране появляются пиксели, картинка размыта. Оптимальный размер для загрузки на задний план – от 480 на 360. Без ухудшения качества – 1980 на 1080 пикселей, то есть стандартный для любых социальных сетей.
Как сделать увеличить или уменьшить изображение:
- выбрать другое, с соответствующими параметрами;
- отредактировать через сторонние приложения.
Для редактирования фотографий подойдут: inShot, PicsArt и Snapseed.
Обрезать картинку через inShot:
- Скачать и установить приложение.
- Открыть – Фото.
- Выбрать картинку из Галереи – нажать «Холст» на панели инструментов.

- Указать цвет или размер изображения – Сохранить.
Чтобы уменьшить картинку – функция «Вырезать» или «Подогнать по размеру». В приложении показан список доступных форматов, включая социальные сети. После, картинку можно добавлять в Тик Ток для заднего плана.
1000+ Фоновое изображение Картинки | Скачать бесплатные картинки на Unsplash
1000+ Фоновое изображение Картинки | Скачать Free Images на Unsplash- ФотоФотографии 10k
- Стопка фотографийКоллекции 10k
- Группа людейПользователи 1
фон
обои
природа
для улицы
текстура
веб-сайт
рисунок
логотип UnsplashUnsplash+
В сотрудничестве с Марьям Сикард
Unsplash+
Разблокировать
1 000 000+ бесплатных изображенийout of focusjewelry
Юхо Луомала
suomiviinikanpuistotampere
–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.
Кенни Спратт
Эрол Ахмед
дверьHd пастельные обоиHd розовые обои
Логотип UnsplashUnsplash+
В сотрудничестве с Getty Images Plex
кистьusaco
Annie Spratt
Абстрактные картинки HDЦветные картинки высокого разрешенияТекстура фоны
Якоб Роузен0011
Кристина Глебова
casan mateo countywaves
Логотип UnsplashUnsplash+
В сотрудничестве с Андреем Лишаковым
Unsplash+
Разблокировать
900 10 in studioабстракционизмнатюрмортAnnie Spratt
Hd узор обоиHd синие картинкиАкварельные фоны
Keith Misner
HD обои из дереваполфонфон
Пэрриш Фриман
Луна0011
Markus Spiske
Hd арт фоткиРадуга фото и картинкиHd цветные обои
Krystal Ng
Hd картинкиHq фон фотона улице
Логотип UnsplashUnsplash+
В сотрудничестве с Andrej Li šakov
Unsplash+
Разблокировать
натюрморт photographycompositiontopview
Энни Spratt
plantflatlay
1 000 000+ бесплатных изображенийout of focusjewelry
Изображения деревьев и картинкиlandNature images
дверьHD пастельные обоиHd розовые обои
кистьUSACO
Finance TowerБрюссельБельгия
в студииабстракционизмнатюрморт
HD обои деревополфон
Hd арт обоиРадуга фото и картинкиH d цветные обои
натюрморт фотографиякомпозициявид сверху
–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.![]()
suomiviinikanpuistotampere
Hq фон фотографииЦветы высокого разрешения фоткиЦветы фото
pinamarargentinasand
Hd обои орех — фудфотография
Hd абстрактные обоиHd цветные обоиТекстура фоны обоиАкварельные фоны
Луна картинки и картинкиоранжевый синий закатминимализм
Похожие коллекции
Фоновое изображение
48 фото · Куратор Арип Пурномофоновое изображение
29 фото · Куратор Ева ДжорданоФон — плоское изображение
55 фото · Куратор Эшли МартинHd wallpapersHq background imagesoutdoors
plantflatlay
1,000, 000+ бесплатных изображенийout of focusУкрашения
Hq фон фотоЦветы hd фотки Цветы картинки
кистьusaco
финансы башнябрюссельбельгия
Hd дерево обоиполфон
Hd арт фоткиРадуга фото и картинкиHd цветные обои
plantflatlay
suomiviinikanpuistotampere
pinamaraargentinasand
Hd wallpapersnut — foodphotography
Hd серые обоиroadfreeway
в студииабстрактное искусствонатюрморт
Лунные изображения и картиныоранжевый синий закатминималистичный
натюрморт фотографиякомпозициявид сверху
–––– –––– – ––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.
Изображения деревьев и картиныlandNature images
дверьHd пастельные обоиHd розовые обои
Hd абстрактные обоиHd цветные обоиТекстура фоны
casan mateo countywaves
Похожие коллекции
Фоновое изображение
48 фото · Куратор Arip Purnomoфоновое изображение
29 фото · Куратор Ева ДжорданоФон — Плоское изображение
55 фото · Куратор Ashleigh MartinHd узор обоиHd синие обоиАкварельные фоны
Hd обоиHq фоновые изображенияна открытом воздухе
Просматривайте премиум-изображения на iStock | Скидка 20% на iStock
Логотип UnsplashСделайте что-нибудь потрясающее
Используйте фоновые изображения в своих представлениях
Фоновые изображения — это изображения, которые вы показываете под ними
ваши данные, чтобы добавить больше контекста к меткам в представлении.
Обычно фоновые изображения используются для добавления пользовательских изображений карты, которые
соответствуют системе координат в ваших данных.
Например, вы могут иметь данные, соответствующие нескольким этажам здания. Вы можете использовать фоновые изображения для наложения этих данных на фактический план этажа здания, чтобы дать больше контекста. Другие примеры использование фоновых изображений включает показ модели морского дна, изображения веб-страниц для анализа веб-журналов и даже уровней из видеоигры для визуализации статистики игроков.
В то время как Tableau позволяет загружать динамические карты из Интернета и офлайн-провайдера, фоновые изображения позволяют использовать собственные пользовательские изображения, будь то специальные карты или любое другое изображение, соответствует вашим данным.
Добавление фоновых изображений в книгу
При добавлении фонового изображения в представление необходимо
укажите систему координат, сопоставив оси X и Y с
значения полей в вашей базе данных. Если вы добавляете карту,
оси X и Y должны быть долготой и широтой, выраженными как
десятичная дробь.![]()
Чтобы добавить фоновое изображение:
Выберите Карта > Фон Изображения, а затем выберите источник данных.
В диалоговом окне «Фоновые изображения» нажмите «Добавить». Изображение.
В диалоговом окне «Добавить фоновое изображение» выполните следующие действия:
Введите имя изображения в поле Имя. коробка.
Щелкните Обзор, чтобы перейти и выбрать изображение, которое вы хотите добавить на фон.
Вы также можете ввести URL-адрес для ссылки на изображение, размещенное в Интернете.Выберите поле для сопоставления с осью X изображения и укажите левое и правое значения. При добавлении карты значения долготы должны быть сопоставлены с осью x с использованием десятичных значений (вместо градусы/минуты/секунды или N/S/E/W).
Выберите поле для сопоставления с осью Y изображения и укажите верхнее и нижнее значения. При добавлении карты значения широты должны быть сопоставлены с осью Y с использованием десятичных значений (вместо градусы/минуты/секунды или N/S/E/W).
Интенсивность изображения можно настроить с помощью параметра «Размытие».
слайдер. Чем дальше ползунок перемещается вправо, тем ярче
изображение появится позади ваших данных.
На вкладке «Параметры» можно указать следующие параметры:
Заблокировать соотношение сторон — выберите этот параметр сохранять исходные размеры изображения при любых манипуляциях осей. Отмена выбора этой опции позволяет форме изображения измениться. быть искаженным.
Всегда показывать все изображение — выберите этот параметр позволяет избежать обрезки изображения, когда данные охватывают только часть изображения. Если вы заблокируете обе оси на виде, этот вариант может быть отвергнут.
Добавить условия для показа изображения.
См. раздел «Фильтрация данных из ваших представлений» (ссылка открывается в новом окне), чтобы узнать
Подробнее об определении условий.
Нажмите OK.
При добавлении полей x и y на полку «Строки и столбцы»
в представлении фоновое изображение отображается позади данных. Если
фоновое изображение не отображается, убедитесь, что вы используете
дезагрегированные показатели для полей x и y. Дезагрегировать
все показатели, выберите Анализ > Агрегированные показатели. Изменить
каждую меру отдельно, щелкните правой кнопкой мыши поле на полке
и выберите Размер. Наконец, если вы
использовали сгенерированные поля широты и долготы для x и y
поля, вам нужно будет отключить встроенные карты перед вашим фоном
изображение будет отображаться. Выберите «Карта» > «Фоновые карты» > «Нет», чтобы
отключите встроенные карты.
Чтобы сделать метки на виде более заметными при размещается поверх фонового изображения, каждая метка окружена сплошной контрастный цвет, называемый ореолом. Вы можете отмечать ореолы выключить, выбрав Формат > Показать Марк Халос.
Построить представление с фоновым изображением
После добавления фонового изображения необходимо построить представление таким образом, чтобы оно соответствовало сопоставлениям x и y, которые вы указали для Изображение. То есть поля, которые вы указали как x и y, должны быть на нужных полках. Следуйте инструкциям ниже, чтобы настроить представление правильно:
Поместите поле, сопоставленное с осью X, на полке Столбцы.
Если вы работаете с картами, поле долготы должно быть на полка колонны. Поначалу это может показаться отсталым, однако поля на полке столбцов определяют значения, распределенные по ось х.
Поместите поле, сопоставленное с осью Y, на полке «Строки».

Если вы работаете с картами, поле широты должно быть в строках полка. Поначалу это может показаться отсталым, однако поля на Полка строк определяет значения, распределенные по оси Y.
Редактирование фонового изображения
После добавления фонового изображения всегда можно вернуться и отредактируйте сопоставления полей x и y, а также любые параметры на вкладке Опции.
Для редактирования изображения:
Выберите Карта > Фон Изображений.
В диалоговом окне «Фоновые изображения» выберите изображение, хотите отредактировать, и нажмите «Изменить» (вы также можете просто дважды щелкните имя изображения).
В диалоговом окне «Редактировать фоновое изображение» внесите изменения к изображению и нажмите OK.

Включение или отключение фоновых изображений
Хотя в книгу можно добавить несколько изображений, может захотеть использовать только подмножество изображений для определенного набора листов. Например, вы можете захотеть показать карту всего Соединенные Штаты Америки на одном ракурсе и карты отдельных штатов в других представлениях.
Используйте флажки в диалоговом окне Фоновые изображения, чтобы включить и отключите изображения для текущего рабочего листа. Вы можете показать несколько изображения, включив несколько изображений на одном листе. Например, у вас может быть несколько изображений, которые вы хотите разместить в качестве фона чтобы увеличить фоновое изображение.
Чтобы включить или отключить фоновое изображение:
Выберите Карта > Фон Изображений.
В диалоговом окне «Фоновые изображения» установите флажки рядом с изображениями, которые вы хотите включить.

Нажмите OK.
Добавление условий отображения и скрытия к фоновым изображениям
Когда вы добавляете фоновое изображение и включаете его, изображение
будет отображаться автоматически на любом рабочем листе, имеющем необходимые
поля, используемые в представлении. Чтобы изображение не отображалось на всех листах,
вы можете указать условия показа/скрытия. Условия отображения/скрытия являются условными
операторы, которые вы определяете, чтобы указать, когда показывать изображение. Для
Например, у вас может быть изображение плана этажа многоэтажного здания.
Хотя каждое изображение связано с одними и теми же координатами (углы
здания), вы не хотите показывать карту первого этажа, когда
глядя на информацию о третьем этаже. В этом случае можно указать
условие для отображения изображения первого этажа только тогда, когда поле Этаж
равен единице.![]()
Чтобы указать условия отображения/скрытия:
Выберите Карта > Фон Изображения, а затем выберите источник данных.
В диалоговом окне «Фоновые изображения» выберите изображение, хотите добавить условие и нажмите «Изменить».
В следующем диалоговом окне выберите вкладку Параметры.
Нажмите кнопку «Добавить» внизу диалогового окна.
Выберите поле, на котором будет основано условие. В описанном примере выше поле «Этаж».
Укажите, когда вы хотите показать изображение, выбрав значение поля.
Для этого примера выбран один.Нажмите OK.
Заявление об условии добавляется к изображению. В примере плана этажа здания условие оператор показывает изображение только тогда, когда этаж равен единице.
Дважды нажмите OK, чтобы закрыть фон Диалоговые окна изображения и примените изменения.
При добавлении нескольких условий фоновое изображение будет отображаться только при соблюдении всех условий. Например, если фон изображение имеет два условия для имени свойства и этажа, оно будет только показывать, когда свойство — Greenwood Estates, а этаж — 3.
Удалить фоновое изображение
Если вы больше не хотите использовать фоновое изображение, вы можете
либо отключите его, либо удалите, сделав недоступным
ко всем рабочим листам.

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.