如何将tkinter Canvas上绘制的圆形形状转换为图像

参考效果 #

• image 1:
  
• image 2:
  

问题描述 #

需要将tkinter Canvas组件上绘制的形状转换为图像，现有自定义形状类代码如下：

class Bricks:
    def __init__(self, canvas, color):
        self.canvas = canvas
        self.id = canvas.create_oval(5, 5, 25, 25, fill=color, width=2)

实现方法 #

tkinter原生没有直接导出Canvas为位图的接口，可以通过自带的PostScript导出能力搭配Pillow库实现，步骤如下：

1. 先安装依赖库Pillow，执行命令：
   pip install pillow
2. 两种常用导出场景的实现：

• 导出整个Canvas全量内容为图片
  等所有画布元素渲染完成后，调用Canvas的postscript()方法导出矢量格式的画布内容，再用Pillow转存为PNG/JPG等常用位图格式，示例代码：

  from PIL import Image
  
  # 等待窗口和画布完成所有元素渲染，必须调用否则导出可能空白
  root.update()
  # 导出全画布的PostScript数据
  ps_content = canvas.postscript(colormode='color')
  # 写入临时eps文件后转存为png
  with open("temp_canvas.eps", "wb") as f:
      f.write(ps_content.encode("utf-8"))
  canvas_img = Image.open("temp_canvas.eps")
  canvas_img.save("canvas_full.png", format="png")
  

• 导出Canvas上单个指定形状（比如示例中的Bricks椭圆）为图片
  先通过bbox()方法拿到目标形状的边界坐标，导出PostScript时指定裁剪区域只保留目标形状范围即可，可以直接给Bricks类加导出方法：

  from PIL import Image
  import os
  
  class Bricks:
      def __init__(self, canvas, color):
          self.canvas = canvas
          self.id = canvas.create_oval(5, 5, 25, 25, fill=color, width=2)
  
      def save_as_img(self, save_path, img_format="png"):
          # 获取当前形状的边界框坐标
          x1, y1, x2, y2 = self.canvas.bbox(self.id)
          # 等待渲染完成
          self.canvas.update()
          # 仅导出形状所在区域
          ps_data = self.canvas.postscript(
              colormode="color",
              x=x1,
              y=y1,
              width=x2 - x1,
              height=y2 - y1
          )
          # 临时文件转存
          temp_file = "temp_shape.eps"
          with open(temp_file, "wb") as f:
              f.write(ps_data.encode("utf-8"))
          shape_img = Image.open(temp_file)
          shape_img.save(save_path, format=img_format)
          # 清理临时文件
          os.remove(temp_file)
  

注意事项 #

• 导出前必须调用窗口/画布的update()方法，确保所有绘制内容已经完成渲染，否则会出现导出空白、内容缺失的问题
• 高DPI屏幕下导出的图如果模糊，可以在Pillow读取图像后按屏幕缩放比例做resize处理，匹配实际显示分辨率
• 原生PostScript导出默认带白色背景，如果需要透明背景，可以在Pillow中做颜色阈值处理，将白色背景替换为透明Alpha通道

内容的提问来源于stack exchange，提问作者i7-12700H