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

1. Giới thiệu

Zoom là công cụ điều chỉnh mức phóng to/thu nhỏ của canvas — giống như bạn đưa mắt lại gần hay lùi ra xa để xem chi tiết hoặc toàn cảnh bức ảnh. Zoom không thay đổi kích thước thật của ảnh hay layer nào — nó chỉ thay đổi góc nhìn của bạn trên canvas.

Trong MemeMaker, Zoom có 3 cơ chế riêng biệt cùng làm việc:

1. Công cụ Zoom (Z) — trên rail, với Options Bar riêng và các thao tác click/kéo chọn vùng (marquee) trên canvas.
2. Phím tắt toàn cục — Ctrl+=/-/0 và Ctrl+con lăn chuột hoạt động bất cứ lúc nào, không cần bật công cụ Zoom.
3. Thanh zoom dưới đáy — nút −/+, ô nhập % trực tiếp, nút Fit toàn cục.

Phần lớn nhu cầu zoom hàng ngày có thể dùng phím tắt toàn cục — nhưng công cụ Zoom với marquee kéo chọn vùng là cách zoom chính xác nhất khi bạn muốn "zoom thẳng vào đúng vùng cần xem".

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

Zoom là nút thứ ba trên thanh công cụ dọc bên trái canvas, nằm sau Hand — đú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	Vuốt/cuộn vùng nhìn canvas
3	Zoom	kính lúp	Z	Phóng to/thu nhỏ canvas

Nút Zoom có biểu tượng bi-zoom-in (kính lúp). Góc dưới phải hiển thị ký tự Z. Khi Zoom đang hoạt động, Options Bar phía trên canvas hiển thị các tuỳ chọn zoom.

Lưu ý quan trọng: Giống Hand, Zoom không bao giờ tự động mở panel bên phải — panel của bạn giữ nguyên trạng thái (mở/đóng) khi bạn chuyển sang Zoom.

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

3.1. Bật/tắt Zoom bằng nút rail hoặc phím Z

Nhấn Z trên bàn phím hoặc click nút Zoom trên thanh công cụ để bật. Con trỏ chuyển thành kính lúp có dấu cộng (+) hoặc trừ (−) tuỳ chế độ. Nhấn Z lần nữa hoặc V để quay về Move.

3.2. Click để zoom từng bước

Khi Zoom đang hoạt động, click chuột trái vào bất kỳ đâu trên canvas:

• Chế độ Zoom In (mặc định): Click → phóng to 25% tại đúng vị trí con trỏ, giữ điểm đó nằm dưới con trỏ sau khi zoom.
• Chế độ Zoom Out: Click → thu nhỏ 25% tại đúng vị trí con trỏ.

3.3. Marquee zoom — kéo chọn vùng để zoom

Đây là tính năng mạnh nhất của công cụ Zoom. Thay vì click từng bước, bạn kéo chuột để vẽ một hình chữ nhật trên canvas — MemeMaker sẽ phóng to chính xác vùng bạn vừa chọn, lấp đầy toàn bộ viewport.

Cách dùng:

1. Nhấn giữ chuột trái tại góc bắt đầu của vùng muốn zoom.
2. Kéo chuột — một đường chữ nhật đứt nét màu cam xuất hiện, đánh dấu vùng đang chọn.
3. Thả chuột — canvas zoom vào đúng vùng chữ nhật đó, căn giữa viewport.

Ngưỡng kích hoạt: chỉ cần kéo quá 4 pixel — nếu kéo ít hơn, MemeMaker coi đó là click và zoom 1 bước như mục 3.2.

Lưu ý: Marquee zoom chỉ hoạt động ở chế độ Zoom In. Ở chế độ Zoom Out, mỗi click ngay lập tức thu nhỏ, không có marquee.

3.4. Đảo chiều tạm thời bằng phím Alt

Giữ phím Alt rồi click/kéo để đảo ngược hướng zoom hiện tại:

• Đang ở chế độ In, giữ Alt → click sẽ Zoom Out.
• Đang ở chế độ Out, giữ Alt → click sẽ Zoom In.

Đây là cơ chế XOR: hướng kết quả = (chế độ hiện tại === "out") XOR Alt. Alt chỉ hoạt động với chuột, không có tương đương trên màn hình cảm ứng.

3.5. Zoom trên màn hình cảm ứng

Trên thiết bị cảm ứng, công cụ Zoom cũng hỗ trợ kéo chọn vùng — chạm và kéo một ngón tay để vẽ marquee. Không có phím Alt trên cảm ứng nên hướng zoom được quyết định hoàn toàn bởi nút In/Out trên Options Bar.

3.6. Phím tắt zoom toàn cục (không cần bật công cụ)

Đây là những phím tắt zoom luôn có sẵn, dù bạn đang dùng công cụ gì (Brush, Crop, Text...):

Phím tắt	Chức năng	Bước zoom
Ctrl + = (hoặc Ctrl + +)	Zoom in 10%	±10% mỗi lần nhấn
Ctrl + -	Zoom out 10%
Ctrl + 0	Fit The Area — zoom để toàn bộ ảnh vừa khít viewport	—
Ctrl + con lăn chuột lên	Zoom in (cursor-anchored)	±5% mỗi tick
Ctrl + con lăn chuột xuống	Zoom out (cursor-anchored)	—
Con lăn chuột (không Ctrl)	Vuốt dọc canvas	—

Ctrl + 0 (Fit) zoom để ảnh vừa khít viewport cả chiều ngang lẫn chiều dọc — khác với "Pixel to Pixel" (100%) chỉ hiển thị ảnh ở kích thước pixel thật. Đây là cách nhanh nhất để xem toàn cảnh sau khi đã zoom sâu vào chi tiết.

3.7. Ô nhập % zoom trực tiếp

Ở góc dưới bên trái canvas (hoặc trong thanh zoom mobile), có một ô hiển thị phần trăm zoom hiện tại (ví dụ: 150%). Bạn có thể click vào ô này để nhập chính xác mức zoom mong muốn:

1. Click vào ô → số hiện tại được chọn toàn bộ, sẵn sàng để gõ đè.
2. Nhập số phần trăm (ví dụ 200, 50, 33.3).
3. Enter để áp dụng, Escape để huỷ.

Ô nhập hỗ trợ dấu thập phân bằng cả dấu chấm (.) và dấu phẩy (,) — phù hợp với mọi ngôn ngữ (vi/de/fr/es/it/pt/ru).

3.8. Giới hạn zoom

Zoom có phạm vi từ 10% đến 800% (hoặc thấp hơn nếu ảnh quá lớn — MemeMaker giới hạn canvas ở 8000px mỗi chiều để tránh quá tải GPU). Khi chạm giới hạn, nút +/- sẽ mờ đi và phím tắt/cử chỉ zoom không còn tác dụng.

4. Options Bar (thanh tuỳ chọn của Zoom)

Khi Zoom đang hoạt động, thanh Options Bar hiển thị các điều khiển sau:

Điều khiển	Mặc định	Chức năng
Zoom In / Zoom Out (2 nút toggle)	In	Chọn hướng zoom: In (phóng to) — kính lúp có dấu +, Out (thu nhỏ) — kính lúp có dấu −. Đổi chế độ sẽ thay đổi cả con trỏ và hành vi click/kéo.
Pixel to Pixel	—	Đặt zoom về 100% — mỗi pixel của ảnh hiển thị đúng 1 pixel trên màn hình. Dùng để kiểm tra độ sắc nét ở mức 1:1.
Fit The Area	—	Zoom để toàn bộ ảnh (cả chiều ngang lẫn dọc) vừa khít viewport. Tương đương Ctrl + 0. Nếu ảnh nhỏ hơn viewport, ảnh sẽ được phóng to lên để lấp đầy không gian.

5. Phím tắt

Phím tắt	Chức năng
Z	Bật/tắt công cụ Zoom
Click (khi Zoom đang bật)	Zoom in/out 1 bước (25%) tại vị trí click
Kéo chuột ≥ 4px (khi Zoom đang bật)	Marquee zoom — chọn vùng để zoom lấp đầy viewport
Alt + Click/Kéo (khi Zoom đang bật)	Đảo ngược hướng zoom tạm thời
Ctrl + = / Ctrl + +	Zoom in 10% (toàn cục)
Ctrl + -	Zoom out 10% (toàn cục)
Ctrl + 0	Fit The Area — zoom vừa khít viewport (toàn cục)
Ctrl + con lăn chuột	Zoom in/out cursor-anchored (5%/tick, toàn cục)
Con lăn chuột (không Ctrl)	Vuốt dọc canvas (toàn cục)

Các phím tắt Ctrl+=/-/0 chỉ hoạt động khi con trỏ không đang nằm trong ô nhập liệu (input/textarea/select).

6. Mẹo & Best Practices

• Đừng bật công cụ Zoom chỉ để zoom: Ctrl + con lăn chuột nhanh hơn rất nhiều so với Z → click → V. Chỉ bật Zoom khi bạn cần marquee zoom chính xác vào một vùng cụ thể.
• Combo Zoom + Hand để điều hướng chính xác: Bật Zoom (Z), kéo marquee chọn vùng → canvas zoom vào đúng vùng đó. Sau đó giữ Space để vuốt tinh chỉnh vị trí nếu cần. Đây là workflow kiểm tra chi tiết chuyên nghiệp.
• Dùng Ctrl+0 để "reset" góc nhìn: Sau nhiều lần zoom/pan, Ctrl+0 đưa bạn về toàn cảnh ngay lập tức — nhanh hơn zoom out nhiều lần.
• Dùng Pixel to Pixel (100%) để kiểm tra độ sắc nét: Khi cần xem ảnh có bị vỡ hạt hay không, zoom 100% là mức chính xác nhất — mỗi pixel ảnh = 1 pixel màn hình.
• Marquee zoom vùng nhỏ nhưng quan trọng: Khi chỉnh sửa khuôn mặt, text, hoặc chi tiết nhỏ — kéo marquee quanh đúng vùng đó thay vì click zoom nhiều lần. Một thao tác duy nhất đưa bạn đến đúng nơi.
• Nhập % chính xác khi cần kiểm tra kích thước thật: Ví dụ nhập 50 để xem ảnh ở 50%, 200 để zoom gấp đôi. Ô nhập hỗ trợ số thập phân như 33.3.

7. Troubleshooting

Vấn đề	Nguyên nhân thường gặp	Cách khắc phục
Nhấn Z nhưng Zoom không bật	Con trỏ đang nằm trong ô input/textarea	Click ra ngoài canvas rồi thử lại
Kéo marquee nhưng chỉ zoom 1 bước thay vì zoom vùng	Kéo chưa đủ xa — ngưỡng tối thiểu là 4 pixel	Kéo dài hơn một chút, đường viền cam sẽ xuất hiện báo hiệu marquee đã kích hoạt
Marquee không xuất hiện dù kéo rất xa	Đang ở chế độ Zoom Out — marquee chỉ hoạt động ở chế độ In	Chuyển sang Zoom In trên Options Bar, hoặc giữ Alt để tạm đảo chiều
Click mà zoom ra thay vì zoom vào	Đang ở chế độ Zoom Out, hoặc đang giữ Alt	Kiểm tra nút In/Out trên Options Bar; thả Alt nếu không muốn đảo chiều
Ctrl+con lăn không zoom mà chỉ cuộn trang	Có thể browser đã bắt sự kiện trước	Đảm bảo con trỏ đang nằm trong vùng canvas; không focus vào input
Ctrl+0 không đưa về toàn cảnh	Ảnh quá nhỏ, đã được phóng to lên để lấp đầy viewport	Đây là hành vi đúng — Fit luôn zoom ảnh để vừa khít. Dùng Pixel to Pixel (100%) nếu muốn xem kích thước thật.
Ô nhập % không nhận số thập phân với dấu phẩy	Nhập 22,5 thay vì 22.5	MemeMaker hỗ trợ cả hai — dấu phẩy , được tự động chuyển thành dấu chấm . trước khi xử lý. Nếu vẫn lỗi, thử dùng dấu chấm.
Nút +/- trên thanh zoom dưới đáy bị mờ	Đã chạm giới hạn zoom (10% hoặc 800%)	Zoom đã ở mức tối thiểu/tối đa — không thể zoom xa hơn
Zoom bằng Ctrl+con lăn nhưng điểm dưới con trỏ bị trôi đi	Đây có thể là bug cursor-anchored với ảnh rất lớn hoặc resize cửa sổ	Thử zoom lại bằng click công cụ Zoom, hoặc dùng Fit (Ctrl+0) rồi zoom tiếp