如何在Tkinter中创建可按厘米缩放的清晰自定义字母

核心思路 #

放弃文本绘制，改用矢量路径绘制字母E，确保任意尺寸下都不会模糊；同时将Canvas的厘米尺寸精确转换为屏幕像素，让字母完全适配Canvas边界。

实现代码（矢量绘制方案） #

import tkinter as tk

def cm_to_pixels(cm, root):
    # 将厘米转换为tkinter兼容的像素（基于屏幕DPI计算）
    return int(root.winfo_fpixels(f"{cm}c"))

my_window = tk.Tk()
my_window.title('VA chart')
my_window.geometry(f"{my_window.winfo_screenwidth()}x{my_window.winfo_screenheight()}+0+0")
my_window.configure(bg='white')

# 目标尺寸（可修改为任意厘米值，比如0.725）
target_cm = 8.7
# 转换为精确像素尺寸
canvas_size = cm_to_pixels(target_cm, my_window)

# 创建Canvas
canvas = tk.Canvas(my_window, width=canvas_size, height=canvas_size, bg='red')
canvas.place(
    x=my_window.winfo_screenwidth()/2,
    y=my_window.winfo_screenheight()/2,
    anchor="center"
)

# 绘制矢量字母E，适配Canvas尺寸
padding = canvas_size * 0.1  # 边距占比，避免字母贴边
line_width = (canvas_size - 2*padding) / 5  # 线条宽度，符合视力表E的比例

# 绘制三条横线
canvas.create_line(padding, padding, canvas_size - padding, padding, width=line_width, fill='black')
canvas.create_line(padding, canvas_size/2, canvas_size - padding/2, canvas_size/2, width=line_width, fill='black')
canvas.create_line(padding, canvas_size - padding, canvas_size - padding, canvas_size - padding, width=line_width, fill='black')
# 绘制竖线
canvas.create_line(padding, padding, padding, canvas_size - padding, width=line_width, fill='black')

my_window.mainloop()

关键细节说明 #

• 厘米转像素：通过winfo_fpixels方法精准适配不同屏幕的DPI，避免尺寸偏差。
• 矢量绘制：所有线条位置和宽度都基于Canvas像素的比例计算，缩放时只会重新计算参数，不会出现位图模糊问题。
• 比例规范：按照视力表E的标准比例设计线条宽度（总高度的1/5），保证视觉准确性。

替代方案：矢量字体绘制 #

如果偏好文本方式，可使用系统矢量字体并动态计算字号：

import tkinter as tk

def cm_to_pixels(cm, root):
    return int(root.winfo_fpixels(f"{cm}c"))

my_window = tk.Tk()
my_window.title('VA chart')
my_window.geometry(f"{my_window.winfo_screenwidth()}x{my_window.winfo_screenheight()}+0+0")
my_window.configure(bg='white')

target_cm = 8.7
canvas_size = cm_to_pixels(target_cm, my_window)
canvas = tk.Canvas(my_window, width=canvas_size, height=canvas_size, bg='red')
canvas.place(x=my_window.winfo_screenwidth()/2, y=my_window.winfo_screenheight()/2, anchor="center")

# 计算字号：占Canvas高度的80%，预留边距
font_size = int(canvas_size * 0.8)
# 使用系统矢量字体（如Segoe UI Symbol）
canvas.create_text(
    canvas_size/2, canvas_size/2,
    fill="black", text="E",
    font=("Segoe UI Symbol", font_size, "bold")
)

my_window.mainloop()

注：部分字体在极小尺寸下仍可能模糊，矢量路径绘制是更可靠的方案。

内容的提问来源于stack exchange，提问作者vevek seetharaman