Cursor專案實踐-02-圖片處理工具imgtools

專案說明

cursor實踐，圖片處理工具，使用語言為python，支援圖片壓縮、浮水印添加、智慧裁剪、格式轉換和GIF製作等核心功能。提供直觀的拖曳式介面，支援批次處理大量圖片檔案，特別配備了一鍵處理功能，可依使用者設定的參數順序執行浮水印添加和壓縮操作，並自動按規則命名儲存到指定目錄。

可用於教學文章中的圖片快速處理。可快速編排定制需要的功能。

結果展示

工具首頁_cursor-02 工具首頁_cursor-02 工具首頁_cursor-02

前置準備

  • Cursor

    • 版本：1.2.1
    • cursor rules : Cursor Rules
    • agent: claude-4-sonnet-thinking

  • 整體流程

    • 設定cursor規則->描述需求->cursor編碼->git版本管理->偵錯輸出

問題記錄

  1. md格式的圖片大小如何調整
    • 使用markdown語法，使用img標籤，設定width屬性，如：
    <img src="./img/1.工具首頁_cursor-02.png" alt="工具首頁_cursor-02" width="300" />
  2. 壓縮加浮水印之後的檔案，處理為gif時，檔案反而會變大。大檔案直接生成反而沒有問題，會被壓縮。
    • 待解決。

使用心得

  1. 使用python，rules中設定規則，必須先安裝虛擬環境。進入虛擬環境進行操作，防止環境衝突

專案詳細步驟

  1. 梳理需求，新建一個文件pj-requirement.md
# 圖片處理工具
## 需求描述
* 圖片處理工具，用於處理圖片，包括裁剪、格式轉換、壓縮、加浮水印等。
* 圖片拼接生成gif，支援多張圖片拼接，支援設定影格率、循環次數等。
* 有一個介面，可以拖曳圖片到介面中，也可以選擇圖片資料夾，支援批次處理。
pj-requirement
  1. 根據需求，讓cursor開始處理. 生成日期，搭建專案目錄，構建專案環境
pj-docs

  1. 開發具體模組，使用cursor編寫程式碼，並進行偵錯輸出。

  2. 使用git進行版本管理

  3. 針對結果進行驗證測試