tkinterのCanvas配置内容の保存方法

Question

大変お世話になっております。
お忙しいところ恐縮ではございますが
Tkinterについてご指導のほど何卒どうぞよろしくお願い致します。

例えば以下のようなコードを制作したとします。

import tkinter

class CanvasOval:
    canvas = None

    def __init__(self, x0, y0, x1, y1, **key):
        self.id = self.canvas.create_oval(x0, y0, x1, y1, **key)
        self.canvas.tag_bind(self.id, '<1>', self.drag_start)
        self.canvas.tag_bind(self.id, '<Button1-Motion>', self.dragging)

    def drag_start(self, event):
        self.x = event.x
        self.y = event.y

    def dragging(self, event):
        self.canvas.move(self.id, event.x-self.x ,event.y-self.y)
        self.x = event.x
        self.y = event.y

class Frame(tkinter.Frame):

    def __init__(self, master=None):
        tkinter.Frame.__init__(self, master)
        self.cvs = tkinter.Canvas(self,width="200", height="200", bg="white")
        self.cvs.grid(row=0, column=0)

        CanvasOval.canvas=self.cvs
        CanvasOval(40, 40, 50, 50, fill="red", width=0)
        CanvasOval(130, 130, 170, 170, fill="red", width=0)

if __name__ == '__main__':
    f = Frame()
    f.pack()
    f.mainloop()

こちらは図形をドラッグにより移動することができる内容となります。

作りたいアプリとしては

図形を配置することができ、その配置状態を保存できるものを
制作したいと考えております。
保存したファイルをクリックすると、配置された図形が表示されると
いったイメージをもっております。

配置された図形の状態をファイルに保存するためのアイディアを、
ご指導いただければと思い投稿致しました。

お忙しい中恐縮ではありますが
何卒どうぞよろしくお願い致します。

現状としては

sqlite3を利用し、配置する「CanvasOval」の状態を記録、
及び、ドラックして移動した座標を取得して記録、
といった方法になるのではないか？と仮説しておりますが
他にも方法がありましたらご教授のほど何卒どうぞよろしくお願い致します。

Answer 1

tkinter の canvas は、postscript 出力しか対応してません。
キャンバス内アイテムの復元方法は無いため、独自に実装することになります。

余談: ライブラリ内部のTcl/Tk側のアップデートで、
次期バージョンのSVG 実装が使えれば、改善されるかもしれませんが、先の話です。

辞書形式でデータ構造を考えて、
JSON 等で保存したほうが扱いやすいと思います。

「キャンバス内アイテム」の保存・読み込みには

• 必要な情報の列挙

　形式、座標、色、等の状態を記録。

• 情報所得に必要な canvas のメソッドを調べる

　type(item), coords(item), itemcget(item), 等

• item ID の列挙 canvas.find_all()
• 保存: 辞書でデータを出力、
• 読込: 辞書データを読込、キャンバス内容を復元

という流れになります。

---

01: キャンバス内アイテムの SAVE/LOAD
サンプルコード (形式は oval、座標と fill(色) のみ対応)

# 前半部分は質問のコード通り省略

if __name__ == '__main__':
    f = Frame()
    f.pack()

    import json
    canvas = f.cvs
    filepath = "sanvas.json"

    def save():
        print("SAVE")
        data = []
        for itemID in canvas.find_all():
            # TODO: type に応じて、保存する内容は異なる。
            data.append({
                "type": canvas.type(itemID),
                "coords": canvas.coords(itemID),
                "config": {
                    "fill": canvas.itemcget(itemID, "fill"),
                }
            })
        with open(filepath, "w", encoding="utf-8") as stream:
            json.dump(data, stream)


    def load():
        print("LOAD")
        with open(filepath, encoding="utf-8") as stream:
            data = json.load(stream)

        # イベントの解除 (※ leak を避ける為必須)
        for itemID in canvas.find_all():
            canvas.tag_unbind(itemID, '<1>')
            canvas.tag_unbind(itemID, '<Button1-Motion>')

        # キャンバス内のアイテムを全て削除
        canvas.delete("all")

        for item in data:
            # TODO: type の種類に応じて異なる
            if item["type"] == "oval":
                # itemID = canvas.create_oval(*item["coords"])
                # canvas.itemconfig(itemID, **item["config"])

                CanvasOval(*item["coords"], **item["config"])

    tkinter.Button(f, text="save", command=save).grid()
    tkinter.Button(f, text="load", command=load).grid()

    f.mainloop()

JSONファイルに保存されるデータ内容のサンプル

[{"type": "oval",
  "coords": [40.0, 40.0, 50.0, 50.0],
  "config": {"fill": "red"}},
 {"type": "oval",
  "coords": [122.0, 40.0, 162.0, 80.0],
  "config": {"fill": "red"}}]

---

他の方法:
質問のコードでは Oval を Python のオブジェクトとして扱っているので、
「Pythonオブジェクトの保存・復元」となるとオブジェクトの直列化 pickle という仕組みも使えます。
独自に実装しなければならないことには変わらないので、
簡単な方法というわけでは有りません。難易度は、少し高め。

Comments

[tile]

ご連絡が遅れてしまい大変申し訳ありません。
この度はアドバイスをいただきありがとうございます。
次期バージョンがあることも存じておりませんでしたので
多様な選択肢があり助かりました。

この度は大切なお時間をくださり
感謝申し上げます。