幼童線上著色本

簡介

本專案是一個基於 HTML、CSS 和 JavaScript 的幼童線上著色工具。使用者可以選擇各種繪圖工具，包括鉛筆、水彩筆、亮粉、噴漆、油漆和橡皮擦。使用者還可以上傳模板圖片進行著色，並支持視窗大小調整時保持繪圖和模板比例。

功能

• 繪圖工具：提供鉛筆、水彩筆、亮粉、噴漆、油漆和橡皮擦等工具。
• 調整工具大小：可以通過滑動條調整工具的大小。
• 顏色選擇：提供固定的32種顏色和自訂顏色選擇器。
• 模板上傳：可以上傳本地圖片作為模板進行著色。
• 清空功能：可以清空畫布或清空全部內容。
• 復原功能：支持撤銷上一步操作。
• 視窗調整：支持視窗大小調整時保持繪圖和模板比例不失真。

使用方法

1. 使用繪圖工具：

   • 選擇左側的繪圖工具。
   • 使用滑動條調整工具的大小。
   • 點擊顏色選擇器選擇顏色。
   • 在畫布上繪圖。

2. 上傳模板：

   • 點擊「上傳模板」按鈕，選擇本地圖片檔案。
   • 模板上傳成功後，可以在模板上進行著色。

3. 清空畫布或清空全部：

   • 點擊「清空畫布」按鈕，只清空繪圖內容，不影響模板。
   • 點擊「清空全部」按鈕，清空所有內容，包括模板。

4. 復原操作：

   • 點擊「復原」按鈕，撤銷上一步操作。

目錄結構

your-repo-name/ ├── index.html ├── styles.css ├── script.js └── README.md

貢獻

歡迎任何形式的貢獻！如果你有好的建議或改進，歡迎分享給本人。

許可

本專案採用 MIT 許可證開源，詳情請參見 LICENSE 檔案。