Python(tkinter)で採点ソフトを自作 消しゴム機能を実現したい

Question

前提・実現したいこと

学校の課題でPython(tkinter)にて採点ソフトを作っています。
朱入れを行う場面にて消しゴム機能を実装したいのですがいい方法が思いつきません．．

発生している問題・エラーメッセージ

現在，ペイントソフトなどを自作するサイトなどでは，白地のcanvasの上に線を描画し，消しゴム機能を線の上から白で上塗りすることで実現させています．しかし，採点ソフトであるため背景に解答用紙を表示してあり，その上に朱入れを行っているため，白で上書きしてしまうと背景の解答用紙まで白くなってしまうため，朱入れした線のみを消す機能を実現したいと思っています．．

該当のソースコード

# -*- coding: utf-8 -*-
import sys
import subprocess
import os, tkinter, tkinter.filedialog, tkinter.messagebox
import os
from pathlib import Path
from pdf2image import convert_from_path
from PIL import Image, ImageTk, ImageDraw
import tkinter as tk
from functools import partial
class Application(tkinter.Frame):
    def __init__(self, master=None):
        super().__init__(master)
        self.master = master
        self.master.title('tkinter canvas trial')
        self.pack()
        self.create_widgets()
        self.setup()
    def create_widgets(self):
        self.vr = tkinter.IntVar()
        self.vr.set(1)
        self.write_radio = tkinter.Radiobutton(self, text='write', variable=self.vr, value=1, command=self.change_radio)
        self.write_radio.grid(row=0, column=0)
        self.erase_radio = tkinter.Radiobutton(self, text='erase', variable=self.vr, value=2, command=self.change_radio)
        self.erase_radio.grid(row=0, column=1)
        self.clear_button = tkinter.Button(self, text='clear all', command=self.clear_canvas)
        self.clear_button.grid(row=0, column=2)
        self.save_button = tkinter.Button(self, text='save', command=self.save_canvas)
        self.save_button.grid(row=0, column=3)
        self.test_canvas = tkinter.Canvas(self, bg='white', width=600, height=600)
        self.test_canvas.grid(row=1, column=0, columnspan=4)
        self.test_canvas.bind('<B1-Motion>', self.paint)
        self.test_canvas.bind('<ButtonRelease-1>', self.reset)
        img = Image.open('./image_file/kaitouyoushi_01.png')
        img = img.resize((600, 600))
        img = ImageTk.PhotoImage(img)
        self.test_canvas.photo = img
        self.test_canvas.create_image(300, 300, image=self.test_canvas.photo)
    def setup(self):
        self.old_x = None
        self.old_y = None
        self.color = 'black'
        self.eraser_on = False
        self.im = Image.new('RGBA', (200, 200), 'red')
        self.draw = ImageDraw.Draw(self.im)
    def change_radio(self):
        if self.vr.get() == 1:
            self.eraser_on = False
        else:
            self.eraser_on = True
    def clear_canvas(self):
        self.test_canvas.delete(tkinter.ALL)
        self.test_canvas = tkinter.Canvas(self, bg='white', width=600, height=600)
        self.test_canvas.grid(row=1, column=0, columnspan=4)
        self.test_canvas.bind('<B1-Motion>', self.paint)
        self.test_canvas.bind('<ButtonRelease-1>', self.reset)
        img = Image.open('./image_file/kaitouyoushi_01.png')
        img = img.resize((600, 600))
        img = ImageTk.PhotoImage(img)
        self.test_canvas.photo = img
        self.test_canvas.create_image(300, 300, image=self.test_canvas.photo)
    def save_canvas(self):
        self.test_canvas.postscript(file='out.ps', colormode='color')
    def paint(self, event):
        if self.eraser_on:
            paint_color = 'white'
        else:
            paint_color = 'red'
        if self.old_x and self.old_y:
            self.test_canvas.create_line(self.old_x, self.old_y, event.x, event.y, width=5.0, fill=paint_color, capstyle=tkinter.ROUND, smooth=tkinter.TRUE, splinesteps=36)
            self.draw.line((self.old_x, self.old_y, event.x, event.y), fill=paint_color, width=5)
        self.old_x = event.x
        self.old_y = event.y
    def reset(self, event):
        self.old_x, self.old_y = None, None
def btn_click():
    #ファイル指定
    fTyp = [("","*")]
    iDir = os.path.abspath(os.path.dirname(__file__))
    #tkinter.messagebox.showinfo('○×プログラム','処理ファイルを選択してください！')
    file = tkinter.filedialog.askopenfilename(filetypes = fTyp,initialdir = iDir)
    # poppler/binを環境変数PATHに追加する
    poppler_dir = Path(__file__).parent.absolute() / "poppler/bin"
    os.environ["PATH"] += os.pathsep + str(poppler_dir)
    # PDFファイルのパス
    pdf_path = Path(file)
    # PDF -> Image に変換（150dpi）
    pages = convert_from_path(str(pdf_path), 150)
    # 画像ファイルを１ページずつ保存
    image_dir = Path("./image_file")
    for i, page in enumerate(pages):
        file_name = pdf_path.stem + "_{:02d}".format(i + 1) + ".png"
        image_path = image_dir / file_name
        # JPEGで保存
        page.save(str(image_path), "PNG")
    # ウィンドウ作成
    # 画像表示
    #fileに適当なpng画像を指定してください。
    #img = Image.open('./image_file/kaitouyoushi_01.png')
    #img = img.resize((400, 400))
    #img = ImageTk.PhotoImage(img)
    #canvas = tk.Canvas(bg="gray", width=400, height=400)
    #canvas.place(x=0, y=0)
    #canvas.create_image(0, 0, image=img, anchor=tk.NW)
    #root.mainloop()
root = tkinter.Tk()
# 画面サイズ
root.geometry('800x800')
#画面タイトル
root.title(u"採点")
lbl_search_words = tkinter.Label(text='')
lbl_search_words.place(x=10, y=70)
# ボタン
btn = tkinter.Button(root, text='採点', command=btn_click)
btn2 = tkinter.Button(root, text='書き込み', command=partial(Application, master=root))
btn.place(x=10, y=90)
btn2.place(x=10, y=180)
#表示
root.mainloop()

試したこと

現在はclear allにて解答用紙を上書きすることで朱入れ部分の削除を実装しています

補足情報（FW/ツールのバージョンなど）

python3
tkinter

Answer 1

tkinter のキャンバスへの描画は、個別に削除可能です

line = canvas.create_line(..., tags="red")

canvas.delete("red") # "red" タグの要素をすべて削除
canvas.delete(line) # キャンバス上に描画された特定の要素を削除

deque に create_line の戻り値を追加していけば、
直近の線を delete することで undo 操作を実装出来ます。Demo

追記: 消しゴム機能

    def on_erase(e, r=20): # r=消しゴムの範囲
        x = canvas.canvasx(e.x)
        y = canvas.canvasy(e.y)
        # カーソル周辺(指定座標範囲内)の要素を所得
        for item in canvas.find_enclosed(x-r, y-r, x+r, y+r):
            if canvas.type(item) == "line": # 画像を削除してしまわないように、種類判別
                canvas.delete(item)

    canvas.bind("<B3-Motion>", on_erase) # マウスの右ボタンをドラッグで消しゴム

---

ImageDraw への直接描画の取り消し操作は、出来ません。
（ラスター画像なので、上書きされた時点で元の画素データは失われてしまいます）

朱入れには、レイヤー用の画像を別に用意して、
保存時など必要になった時に、元の回答用紙と重ね合わせる等の実装が考えられます。

Comments

[tasoyou]

ありがとうございます。大変助かりました????