Hướng dẫn sử dụng công cụ Hand trong MemeMaker

1. Giới thiệu

Hand là công cụ vuốt/cuộn vùng nhìn canvas (pan) — giống như khi bạn dùng tay kéo một tờ giấy để nhìn sang góc khác của tờ giấy, thay vì dùng thanh cuộn. Hand không phải là công cụ chỉnh sửa; nó chỉ thay đổi góc nhìn của bạn trên canvas, không ảnh hưởng đến bất kỳ layer, vị trí, hay nội dung nào.

Trong MemeMaker, Hand là một pure gesture tool — không có Options Bar, không có panel cấu hình, chỉ đơn giản là kéo để cuộn. Bạn có thể bật Hand bất cứ lúc nào theo 3 cách:

• Nhấn phím H để bật/tắt Hand
• Nhấp vào nút Hand (biểu tượng bàn tay) trên Tool Rail
• Giữ phím Space bất cứ lúc nào — kể cả khi đang dùng Brush, Eraser, Text... — để vuốt tạm thời, rồi thả Space ra là quay lại công cụ cũ ngay lập tức

2. Vị trí của Hand trên thanh công cụ

Hand là nút thứ hai trên thanh công cụ dọc bên trái canvas, nằm giữa Move và Zoom — đúng thứ tự Move → Hand → Zoom quen thuộc của Photoshop/Photopea:

Thứ tự	Công cụ	Icon	Phím tắt	Vai trò
1	Move	con trỏ	V	Chọn & di chuyển layer
2	Hand	bàn tay	H	Kéo/cuộn vùng nhìn canvas
3	Zoom	kính lúp	Z	Phóng to/thu nhỏ

Nút Hand có biểu tượng bi-hand-index-thumb (bàn tay chỉ ngón cái). Khi Hand đang hoạt động, nút này sẽ sáng lên. Góc dưới phải của nút hiển thị ký tự H — chính là phím tắt của nó.

Lưu ý quan trọng: Hand không bao giờ tự động mở panel bên phải — không giống như Brush, Crop, hay bất kỳ công cụ nào khác trên rail. Panel của bạn giữ nguyên trạng thái (mở/đóng) khi bạn chuyển sang Hand.

3. Hướng dẫn sử dụng chi tiết

3.1. Bật/tắt Hand bằng nút trên Tool Rail

Nhấp vào nút Hand trên Tool Rail để bật công cụ Hand — con trỏ chuột chuyển thành hình bàn tay mở (grab). Nhấp lại lần nữa để tắt Hand và quay về Move.

3.2. Bật/tắt Hand bằng phím tắt H

Nhấn H trên bàn phím — Hand bật lên. Nhấn H lần nữa — Hand tắt, quay về Move. Giống hệt như nhấp nút trên Rail, chỉ nhanh hơn.

Phím tắt H chỉ hoạt động khi:

• Không có phím modifier nào đang giữ (Ctrl, Cmd, Alt, Shift)
• Bạn không đang nhấn giữ phím (auto-repeat bị chặn để tránh bật/tắt liên tục)
• Con trỏ không đang nằm trong ô nhập liệu (input/textarea/select)

3.3. Vuốt tạm thời bằng phím Space (Spacebar-hold)

Đây là cách nhanh nhất và tiện nhất để vuốt canvas. Giữ phím Space, kéo chuột để di chuyển vùng nhìn, rồi thả Space ra — bạn lập tức quay lại công cụ trước đó mà không cần nhấn thêm gì cả.

Kịch bản điển hình: Bạn đang dùng Brush để vẽ, muốn nhìn sang phần khác của canvas một chút, rồi vẽ tiếp. Chỉ cần giữ Space, kéo qua, thả Space ra — vẽ tiếp ngay. Không cần chuyển công cụ, không cần nhấn H hai lần.

Điểm đặc biệt:

• Spacebar-hold hoạt động trong mọi công cụ (Brush, Eraser, Text, Crop, v.v.) — không giới hạn ở công cụ nào.
• Khi giữ Space, toàn bộ thao tác vẽ/chọn/layer của công cụ hiện tại đều bị chặn — bạn chỉ vuốt được canvas, không lo vẽ nhầm hay di chuyển layer.
• Khi bạn đang gõ chữ trong một ô input (đổi tên layer, nhập text...), Space vẫn hoạt động như phím cách bình thường — không kích hoạt Hand.
• Nếu bạn Alt-Tab sang cửa sổ khác trong lúc đang giữ Space, MemeMaker tự động thả Space ra — bạn sẽ không bị kẹt vĩnh viễn trong chế độ Hand.

3.4. Cách vuốt canvas (kéo chuột)

Khi Hand đang hoạt động (qua nút, phím H, hoặc Spacebar-hold):

1. Nhấn giữ chuột trái vào bất kỳ đâu trên canvas — con trỏ chuyển thành bàn tay nắm (grabbing).
2. Kéo chuột — nội dung canvas di chuyển theo hướng tay bạn kéo, đúng theo nguyên tắc "kéo tờ giấy": kéo sang phải → nhìn thấy phần bên trái; kéo xuống → nhìn thấy phần bên trên.
3. Thả chuột — con trỏ quay lại bàn tay mở (grab), sẵn sàng cho lần kéo tiếp.

Hành vi này giống hệt trên chuột lẫn màn hình cảm ứng (kéo một ngón tay).

3.5. Giới hạn vuốt (Over-pan clamp)

MemeMaker áp dụng cơ chế clamp Photopea-style over-pan: bạn có thể vuốt canvas vượt quá mép tài liệu một chút, nhưng không quá xa. Cụ thể:

• Giới hạn tối đa: Mép tài liệu có thể bị đẩy xa nhất đến một nửa chiều rộng/cao viewport tính từ mép canvas. Quá giới hạn này, canvas dừng lại — bạn không thể kéo tài liệu biến mất hoàn toàn khỏi màn hình.
• Khi tài liệu nhỏ hơn viewport: Tài liệu luôn được căn giữa, không bị kéo lệch.

Cơ chế clamp này áp dụng cho tất cả cách vuốt: Hand tool, Spacebar-hold, và cả cuộn bằng con lăn chuột (wheel-pan) + zoom — đảm bảo trải nghiệm nhất quán dù bạn dùng cách nào.

4. Phím tắt

Phím tắt	Chức năng
H	Bật/tắt công cụ Hand
Giữ Space	Kích hoạt Hand tạm thời (thả ra để quay lại công cụ trước)
Kéo chuột (khi Hand đang hoạt động)	Vuốt/cuộn vùng nhìn canvas
Kéo một ngón tay (cảm ứng, khi Hand đang hoạt động)	Vuốt/cuộn vùng nhìn canvas

Phím tắt H chỉ hoạt động khi con trỏ không đang gõ vào một ô nhập liệu (input/textarea/select) trên giao diện.

5. Mẹo & Best Practices

• Luôn dùng Spacebar-hold thay vì bật/tắt Hand liên tục: Nếu bạn chỉ cần vuốt nhanh để nhìn một góc khác rồi làm việc tiếp, Spacebar-hold nhanh hơn H → kéo → H rất nhiều. Đây là thói quen của dân Photoshop chuyên nghiệp.
• Kết hợp Hand + Zoom: Sau khi zoom (Z hoặc Ctrl+con lăn), dùng ngay Spacebar-hold để vuốt đến đúng vị trí cần chỉnh sửa. Đây là combo "zoom-to-fit → pan" mà mọi editor chuyên nghiệp đều dùng.
• Không lo vẽ nhầm khi vuốt: Khi Hand đang hoạt động (dù qua nút bấm hay Space), toàn bộ thao tác vẽ, chọn layer, transform đều bị chặn — bạn chỉ đang di chuyển góc nhìn.
• Dùng Hand để kiểm tra toàn cảnh: Khi làm việc với ảnh đã zoom lớn, dùng Hand để "đi dạo" quanh canvas kiểm tra từng chi tiết — giống hệt như lật từng góc của một bản in lớn.
• Trên màn hình cảm ứng: Kéo một ngón tay khi Hand đang hoạt động để vuốt canvas — thao tác này không nhầm với pinch-to-zoom (hai ngón) hay các gesture khác.

6. Troubleshooting

Vấn đề	Nguyên nhân thường gặp	Cách khắc phục
Nhấn H nhưng Hand không bật	Con trỏ đang nằm trong một ô input/textarea	Click ra ngoài canvas rồi thử lại
Nhấn H nhưng Hand không bật, dù con trỏ không ở ô input nào	Đang có thao tác nền chạy (busy), hộp thoại Export đang mở, hoặc chưa mở/tải ảnh nào (chưa có tài liệu)	Đóng hộp thoại Export nếu đang mở, đợi thao tác nền xong, hoặc mở/tải một ảnh trước khi dùng Hand
Nhấn H nhiều lần, Hand bật/tắt liên tục	Đang nhấn giữ phím khiến auto-repeat kích hoạt	Nhấn H một lần và thả ra ngay
Giữ Space nhưng không vuốt được	Đang focus vào ô nhập liệu (đổi tên layer, nhập text...) — Space lúc này là phím cách, không phải Hand	Click ra ngoài vùng nhập liệu trước khi giữ Space
Đang giữ Space vuốt mà vẫn vẽ được	Nếu đúng là Hand đang bị "lọt" gesture — báo lỗi. Về nguyên tắc, Hand chặn toàn bộ gesture khác.	Thử lại: giữ Space trước, rồi mới kéo chuột. Nếu vẫn lỗi, report bug.
Sau khi Alt-Tab rồi quay lại, Hand vẫn đang hoạt động dù đã thả Space	Một safety net đã có: sự kiện blur của cửa sổ tự động thả Space. Nếu vẫn bị kẹt thì đó là bug hiếm.	Nhấn H một lần để tắt Hand (hoặc nhấn V để quay Move)
Vuốt tới mép canvas nhưng không thể kéo xa hơn nữa	Đã chạm giới hạn clamp over-pan (nửa viewport) — đây là hành vi thiết kế, không phải lỗi	Zoom out (Ctrl+-) để thấy toàn cảnh, hoặc zoom in vào vùng khác
Tài liệu nhỏ hơn viewport nhưng không nằm giữa	Clamp over-pan tự động căn giữa tài liệu nhỏ — nếu tài liệu bị lệch, đó có thể là bug.	Thử zoom in rồi zoom out lại (Ctrl+0 để fit-to-screen nếu có)