0

Подскажите, как я могу реализовать полосу (progress bar) в виде изображения? Например есть входные данные: 20% Значит нужно вернуть изображение на котором полоса будет заполнена на 20% Что для этого можно использовать? Думал насчет pillow, но совершенно не нашёл примеров. Нужно это мне для ботов. (Нужно возвращать картинку со шкалой)

6
  • Не нашли примеров рисования на картинке в pillow?
    – gil9red
    16 мая 2019 в 11:57
  • "Например есть входные данные: 20% Значит нужно вернуть изображение на котором полоса будет заполнена на 20%" 16 мая 2019 в 12:00
  • Пример расчета длины полосы и наложения ее на изображения мне нужно, а не "пример рисования на картинке" 16 мая 2019 в 12:01
  • У картинки берете ширину в пикселях, рассчитываете от ширины пиксели в процентах, например для 600 пикселей 20% это 120 (600 * (20 / 100)). Рисуете, например прямоугольник с такой шириной (высоту и положение относительно левого края сами придумайте) через ImageDraw.Draw.rectangle: pillow.readthedocs.io/en/3.1.x/reference/… . А так, подобные вопросы требуют вашего кода или его идеи :)
    – gil9red
    16 мая 2019 в 12:11
  • Спасибо за пример, буду пробовать. 16 мая 2019 в 13:07

1 ответ 1

1

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

# pip install Pillow
from PIL import Image, ImageDraw


def draw_progress(image: Image, percent: int) -> Image:
    if percent < 0:
        return image

    if percent > 100:
        percent = 100

    width, height = image.size

    progress_width = width * (percent / 100)
    progress_height = height * (10 / 100)  # Пусть будет 10% от высоты

    x0 = 0
    y0 = height * (80 / 100)  # 80% от высоты
    x1 = x0 + progress_width
    y1 = y0 + progress_height

    image = image.copy()

    drawer = ImageDraw.Draw(image)
    drawer.rectangle(xy=[x0, y0, x1, y1], fill=(0, 255, 0))  # RGB, green

    return image


if __name__ == '__main__':
    image_file = "input.jpg"
    image = Image.open(image_file)

    for percent in (5, 15, 75, 100):
        img = draw_progress(image, percent)
        img.save(f'output/image_{percent}%.png')
        img.show()

Результат 5% -> 15% -> 75% -> 100%:

введите сюда описание изображения введите сюда описание изображения введите сюда описание изображения введите сюда описание изображения

Ваш ответ

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

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.