屏幕截图批注与标记工具：支持箭头/矩形/圆形/文字/马赛克/高亮多种标注、自定义颜色粗细、一键导出分享

🖥️ 运行效果

🚀 实例简介

一款基于 Python Tkinter 开发的桌面截图批注工具，支持对图片添加箭头、矩形、圆形、文字、马赛克、高亮等多种标注，自定义颜色与线宽，一键导出分享。适用于教程制作、Bug 报告、文档编写、产品演示等场景。 🖥️ 运行效果见截图。 💻 核心功能： - 6种标注工具：箭头、矩形、圆形、文字、马赛克、高亮 - 自定义颜色：预设7色 + 自由取色器 - 可调线宽：1-20像素自由调节 - 撤销/清空：支持逐步撤销和一键清空 - 多格式导出：支持 PNG/JPG 格式保存 💡 适用场景： - 教程制作：给截图添加步骤标注和箭头指引 - Bug 报告：圈出界面问题区域，添加文字说明 - 文档编写：在截图中高亮关键信息 - 教学演示：标注代码截图中的重点部分

💻 核心代码

#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
屏幕截图批注与标记工具
支持箭头/矩形/圆形/文字/马赛克/高亮多种标注
自定义颜色粗细，一键导出分享
"""
import tkinter as tk
from tkinter import ttk, filedialog, colorchooser, messagebox
from PIL import Image, ImageTk, ImageDraw, ImageFont, ImageFilter
import platform, os

# 中文字体配置（避免 option_add 崩溃）
CHINESE_FONT = "WenQuanYi Zen Hei" if platform.system() == "Linux" else "Microsoft YaHei"


class ScreenshotAnnotator(tk.Tk):
    """截图批注主窗口"""

    def __init__(self):
        super().__init__()
        self.title("屏幕截图批注与标记工具")
        self.geometry("1100x750")
        self.configure(bg="#f0f0f0")

        # 状态变量
        self.image_path = None
        self.original_image = None  # PIL Image
        self.tk_image = None        # PhotoImage 用于 Canvas 显示
        self.current_tool = "arrow"  # 当前工具
        self.draw_color = "#FF0000"  # 默认红色
        self.line_width = 3          # 线宽
        self.font_size = 20          # 文字大小
        self.mosaic_size = 10        # 马赛克块大小

        # 绘图状态
        self.start_x = 0
        self.start_y = 0
        self.drawing = False
        self.annotations = []  # 存储所有标注操作

        self._build_ui()
        self._bind_canvas_events()

    def _build_ui(self):
        """构建界面"""
        # 顶部工具栏
        toolbar = tk.Frame(self, bg="#e0e0e0", padx=10, pady=5)
        toolbar.pack(fill=tk.X)

        # 工具按钮
        tools = [
            ("箭头", "arrow", "➡"),
            ("矩形", "rectangle", "▭"),
            ("圆形", "circle", "◯"),
            ("文字", "text", "T"),
            ("马赛克", "mosaic", "▦"),
            ("高亮", "highlight", "🖍"),
        ]
        self.tool_buttons = {}
        for name, key, icon in tools:
            btn = tk.Button(
                toolbar, text=f"{icon} {name}",
                font=(CHINESE_FONT, 11),
                command=lambda k=key: self._select_tool(k),
                bg="#ffffff", relief=tk.RAISED, padx=8, pady=3
            )
            btn.pack(side=tk.LEFT, padx=3)
            self.tool_buttons[key] = btn

        # 分隔
        tk.Frame(toolbar, width=2, bg="#999").pack(side=tk.LEFT, fill=tk.Y, padx=8)

        # 颜色选择
        tk.Label(toolbar, text="颜色:", font=(CHINESE_FONT, 11), bg="#e0e0e0").pack(side=tk.LEFT)
        self.color_preview = tk.Label(
            toolbar, width=4, bg=self.draw_color, relief=tk.SUNKEN, cursor="hand2"
        )
        self.color_preview.pack(side=tk.LEFT, padx=5)
        self.color_preview.bind("", self._pick_color)

💡 适用场景

办公自动化、数据分析、快速原型开发