單擊選取格子，Shift + 單擊或 Shift + 拖曳取消選取，拖曳選取多格
這是一款專為開發者和設計師打造的高精度圖片網格座標工具，能夠將任意圖片智能分割成規則網格，並快速生成精確的座標陣列資料。廣泛應用於遊戲開發、網頁設計、數據視覺化等領域，支援自定義網格尺寸、批量座標選取、即時預覽等專業功能，讓複雜的座標計算工作變得簡單高效。
支援自定義網格尺寸，從 1 像素到任意大小，智能適配圖片尺寸。提供即時網格預覽，可調整線條顏色、透明度和背景亮度，確保在任何圖片上都能清晰看到網格劃分效果。
支援單擊選取、拖拽批量選取、Ctrl + 直線選取等多種操作模式。Shift + 點擊可取消選取，每個選取格子可設定自定義數值和顏色標記，滿足不同開發需求的標記要求。
提供可拖拽的懸浮座標視窗，即時顯示滑鼠位置的精確網格座標。選取完成後自動生成結構化的陣列預覽，支援二維陣列格式，便於直接複製到程式碼中使用。
一鍵複製座標陣列到剪貼板或下載為 TXT 檔案。生成的陣列格式符合主流程式語言標準，可直接用於 JavaScript、Python、C++ 等開發環境，大幅提升開發效率。
點擊上傳區域或拖拽圖片檔案。支援 JPG、PNG、GIF、WEBP 等主流格式。
調整網格大小、線條顏色、透明度等參數，設定選取數值和框線顏色。
使用多種選取模式標記目標網格，即時查看座標預覽效果。
複製陣列到剪貼板或下載 TXT 檔案，直接用於開發專案。
單擊選取：點擊網格進行選取/取消選取
拖拽選取：按住滑鼠拖拽選取多個網格
Shift + 操作：強制取消選取模式
Ctrl + 拖拽：直線選取模式
懸浮座標：可拖拽的座標顯示視窗
即時預覽：實時顯示陣列結構
在 2D 遊戲開發中，用於設計瓦片地圖（Tile Map）、關卡編輯器、碰撞偵測區域。將美術資源轉換為遊戲引擎可讀的座標陣列，定義可行走區域、障礙物位置、觸發區域等遊戲邏輯。
網頁設計師用於創建精確的網格布局系統，響應式設計的斷點規劃，CSS Grid 佈局設計。前端開發者可用於圖片熱點區域定位、互動元素座標計算、Canvas 繪圖座標規劃。
在數據科學和視覺化專案中，用於創建熱力圖、網格圖表、座標系統設計。可將複雜的地理資訊、統計圖表轉換為程式可處理的座標資料，支援大數據分析和視覺化呈現。
介面設計師用於精確測量元件間距、對齊系統設計、原型圖標註。幫助設計師建立一致的設計規範，確保設計稿在開發過程中的精確還原，提升設計與開發協作效率。
本工具基於 HTML5 Canvas API 和先進的座標計算演算法，在瀏覽器環境中實現高精度的圖片網格分析。採用像素級精確計算，支援任意尺寸的圖片和網格設定，確保生成的座標資料具有最高的準確性和可用性。
系統採用浮點數精度的座標計算演算法，確保在任何縮放比例下都能維持像素級的精確度。支援動態網格縮放和座標轉換，自動處理不同解析度圖片的座標映射，保證輸出資料的一致性和準確性。
採用事件驅動的即時處理架構，所有操作均在毫秒級完成響應。智能快取機制避免重複計算，支援大尺寸圖片的流暢操作，即使在複雜網格選取時也能保持順滑的使用者體驗。
所有圖片處理完全在瀏覽器本地進行，圖片資料絕不上傳至伺服器，確保專案資料的絕對安全。支援離線使用，無需網路連接即可完成所有座標生成工作。
A: 支援所有主流圖片格式包括 JPG、JPEG、PNG、GIF、WEBP、BMP 等。建議使用 PNG 格式以獲得最佳的網格顯示效果，特別是包含透明背景的圖片。
A: 網格大小最小可設定為 1 像素，最大無限制。建議根據實際應用需求選擇：遊戲開發通常使用 16-64 像素，網頁設計建議 8-32 像素，精密設計可使用更小的網格。
A: 生成的陣列採用標準的二維陣列格式，可直接複製到 JavaScript、Python、C++、Java 等程式語言中使用。陣列中的數值對應選取時設定的自定義數值，0 表示未選取的區域。
A: 理論上支援任意尺寸的圖片，但建議單張圖片不超過 10MB 以確保最佳性能。系統會自動縮放大圖片的顯示尺寸，但座標計算仍基於原始解析度，確保精度不受影響。