Hướng Dẫn Họa Sĩ

Công cụ này làm gì

Trình vẽ Painter là công cụ vẽ đơn giản dựa trên canvas. Vẽ bằng bút vẽ tay, thêm hình (hình chữ nhật, hình tròn, đường), dùng tẩy, thêm văn bản và đặt màu nền tùy chỉnh. Tải xuống canvas dạng PNG. Hữu ích cho phác họa nhanh, ghi chú, sơ đồ và nghệ thuật đơn giản. Tất cả vẽ diễn ra trên trình duyệt—không máy chủ.

Cách sử dụng

1. Chọn công cụ — Chọn bút vẽ, hình, tẩy hoặc văn bản.
2. Vẽ — Nhấp và kéo cho bút vẽ hoặc hình. Nhấp cho đặt văn bản.
3. Cấu hình — Đặt kích thước bút vẽ, màu và tô. Với hình, chọn viền và tô.
4. Nền — Thay đổi màu nền canvas nếu muốn.
5. Tải xuống — Lưu canvas dạng hình ảnh PNG.
6. Xóa — Đặt lại canvas để bắt đầu lại.

Cách hoạt động

Canvas là phần tử HTML5 Canvas. Vẽ dùng ngữ cảnh 2D: đường cho bút vẽ và tẩy, rect/arc/line cho hình, fillText cho văn bản. Sự kiện chuột/chạm ghi lại nét và hình. Trạng thái canvas lưu trong bộ nhớ; tải xuống dùng toDataURL('image/png'). Không thư viện ngoài cho vẽ cơ bản—API canvas thuần. Blob URL chỉ dùng cho tải xuống.

Tất cả tính toán và xử lý chạy hoàn toàn trên trình duyệt của bạn. Không có dữ liệu được gửi đến máy chủ.

Trường hợp sử dụng & ví dụ

• Phác họa — Vẽ và vẽ nguệch ngoạc nhanh.
• Ghi chú — Ghi chú trên ảnh chụp màn hình hoặc sơ đồ.
• Sơ đồ — Lưu đồ hoặc wireframe đơn giản.
• Chữ ký — Thu chữ ký nhanh.
• Giảng dạy — Minh họa hình và màu.

Ví dụ

• Bút vẽ, đỏ, kích thước 5 → Vẽ đường tay đỏ.
• Công cụ hình chữ nhật → Nhấp và kéo để vẽ hình chữ nhật.
• Công cụ văn bản → Nhấp để đặt văn bản; gõ trong hộp thoại.

Giới hạn & lưu ý

• Không lớp — Một lớp; không hoàn tác/làm lại ngoài xóa.
• Không lưu trữ — Trạng thái canvas mất khi tải lại.
• Công cụ cơ bản — Không gradient, pattern hay bộ lọc nâng cao.
• Chỉ PNG — Định dạng tải xuống là PNG; không xuất JPEG hay SVG.