Tkinterのキャンバスで長方形を半透明にする方法

Canvasウィジェットは、Tkinterライブラリの中でも最も汎用性の高いウィジェットのひとつです。アプリケーション内で図形を描画したり、オブジェクトをアニメーションさせたり、複雑なグラフィックスを作成したりする際によく使われます。

長方形のような図形を作成するには、create_rectangle(x, y, x+width, y+height, **options) メソッドを使用します。作成したアイテムは、width（幅）、height（高さ）、fill（塗りつぶし色）、bg（背景色）、borderwidth（枠線の太さ）などのプロパティを指定することで自由に設定できます。

Canvasウィジェットにおけるalphaプロパティは、アイテムの透明度を定義するものです。しかし残念ながら、このプロパティはTkinterライブラリには標準で用意されていません。そのため、図形に透明度を持たせるには、独自の関数を定義する必要があります。

透明化関数を実装する手順

• 独自の関数 create_rectangle(x, y, a, b, **options) を定義します。
• 図形に適用する各色（RGB）ごとの alpha 値を計算します。
• pop() を使って、optionsから既存の alpha 値を取り除きます。
• winfo_rgb() で該当領域の色情報を取得し、そこに alpha 値を加算します。
• 新しく生成される図形は通常の描画アイテムとは異なるため、画像として扱う必要があります。
• 生成した画像は、Canvasウィジェットに簡単に表示できます。

サンプルコード

# 必要なライブラリをインポート
from tkinter import *
from PIL import Image, ImageTk

# tkinterフレームのインスタンスを作成
win = Tk()

# ウィンドウのサイズを設定
win.geometry("700x350")

# 新しく作成した画像を格納するリスト
images = []

# 半透明の長方形を作成する関数を定義
def create_rectangle(x, y, a, b, **options):
    if 'alpha' in options:
        # 各色(RGB)のアルファ透明度を計算
        alpha = int(options.pop('alpha') * 255)
        # fill変数で図形を半透明の色で塗りつぶす
        fill = options.pop('fill')
        fill = win.winfo_rgb(fill) + (alpha,)
        image = Image.new('RGBA', (a-x, b-y), fill)
        images.append(ImageTk.PhotoImage(image))
        canvas.create_image(x, y, image=images[-1], anchor='nw')
        canvas.create_rectangle(x, y, a, b, **options)

# Canvasウィジェットを追加
canvas = Canvas(win)

# キャンバス上に長方形を作成
create_rectangle(50, 110, 300, 280, fill="blue", alpha=.3)
create_rectangle(40, 90, 420, 250, fill="red", alpha=.1)
canvas.pack()

win.mainloop()

実行結果

上記のコードを実行すると、キャンバス上に複数の半透明の長方形が重ねて表示されます。青と赤の長方形がそれぞれ設定したalpha値（0.3と0.1）に応じた透明度で描画され、背後の要素が透けて見えることを確認できます。