Thêm đường thẳng & mũi tên vào ảnh online — Add Line to Image

Trang chủ / Công cụ / Thêm đường thẳng & mũi tên vào ảnh online — Add Line to Image
Sử dụng miễn phí Xử lý trực tiếp trên trình duyệt Kết quả tức thì
🤖 Chưa rõ cách dùng? Hỏi AI hướng dẫn

🖼️ 1 · Tải ảnh lên

Kéo & thả ảnh vào đây, hoặc chọn file bên dưới. Ảnh được xử lý ngay trên trình duyệt của bạn — không gửi lên máy chủ.

Chưa có ảnh nào. Sau khi tải ảnh, thông tin kích thước gốc và dung lượng sẽ hiện ở đây.

✏️ 2 · Kiểu đường vẽ

📐 3 · Thêm đường theo tọa độ

Cách nhanh nhất: kéo chuột (hoặc chạm) trực tiếp trên ảnh ở cột bên phải, từ điểm bắt đầu tới điểm kết thúc. Nếu cần độ chính xác tuyệt đối, nhập tọa độ pixel theo kích thước gốc của ảnh rồi bấm “Thêm đường theo tọa độ”.

🧾 4 · Các đường đã vẽ

Chưa có đường nào. Kéo trên ảnh hoặc nhập tọa độ để thêm đường đầu tiên.

💡 Mẹo: bấm vào một đường trong danh sách để chọn lại — sau đó đổi màu, độ dày, kiểu nét hoặc tọa độ là đường đó cập nhật ngay. Giữ phím Shift khi kéo trên ảnh để khóa đường ngang / dọc / chéo 45°.

🖍️

Ảnh xem trước sẽ hiện ở đây

Tải một ảnh lên ở cột bên trái, rồi kéo trực tiếp trên ảnh để vẽ đường thẳng hoặc mũi tên. Bạn có thể vẽ nhiều đường, chọn lại từng đường để sửa hoặc xóa, và cuối cùng tải xuống bản PNG ở đúng kích thước gốc — không watermark, không cần đăng nhập.

Hướng dẫn nhanh ⏱ Thời gian: 1 phút

Hướng dẫn sử dụng Công cụ thêm đường thẳng & mũi tên vào ảnh (Add Line to Image)

Thực hiện theo 3 bước đơn giản dưới đây để vẽ đường thẳng, nét đứt và mũi tên chú thích lên ảnh — mọi thứ xử lý ngay trên trình duyệt, ảnh không rời khỏi máy của bạn.

Bước1

Tải ảnh lên và chọn kiểu nét

Kéo & thả ảnh vào khung ở mục 1, hoặc bấm ô chọn file ngay bên dưới nó. Tool sẽ báo lại kích thước gốc (rộng × cao pixel) và dung lượng ảnh để bạn đối chiếu. Sau đó chọn màu nét (bấm vào các chấm màu có sẵn hoặc ô chọn màu tự do), chỉnh độ dày nét từ 1–40 px bằng nút tròn +/− hoặc thanh trượt, rồi chọn kiểu nét liền / nét đứt và đầu mũi tên: không có, một đầu, hoặc cả hai đầu.

💡 Mẹo: Dưới mỗi ô nhập số đều có dòng chữ đọc số tiếng Việt trực tiếp — nhìn lướt qua là biết mình vừa nhập “hai trăm năm mươi pixel” hay lỡ tay thành “hai nghìn năm trăm”, tránh sai tọa độ mà không hay.
Bước2

Vẽ bằng cách kéo trên ảnh, hoặc nhập tọa độ cho chính xác

Cách nhanh nhất: nhấn giữ chuột (hoặc chạm) trên ảnh tại điểm bắt đầu, kéo tới điểm kết thúc rồi thả ra — một đường mới xuất hiện ngay. Cần độ chính xác tuyệt đối, ví dụ khi làm sơ đồ hoặc ảnh hướng dẫn, hãy nhập tọa độ X1, Y1, X2, Y2 theo pixel của ảnh gốc rồi bấm “Thêm đường theo tọa độ”. Mỗi đường vẽ xong đều nằm trong danh sách ở mục 4: bấm vào một đường để chọn lại và sửa màu, độ dày, tọa độ của riêng đường đó, bấm ✕ để xóa riêng nó, hoặc dùng nút Hoàn tác và Xóa tất cả khi muốn làm lại.

💡 Mẹo: Giữ phím Shift trong lúc kéo để khóa đường theo hướng ngang, dọc hoặc chéo đúng 45° — rất tiện khi vẽ khung sơ đồ và đường kẻ bảng.
Bước3

Tải xuống bản PNG ở đúng kích thước gốc

Khi đã ưng ý, bấm “Tải ảnh PNG (kích thước gốc)”. Khung xem trước trên trang có thu nhỏ cho vừa màn hình, nhưng file xuất ra được vẽ lại trên canvas full-res: ảnh giữ nguyên số pixel ban đầu, các đường và mũi tên được phóng đúng tỉ lệ tương ứng — không mờ, không watermark, không cần đăng nhập.

💡 Mẹo: Ảnh chú thích xong rất hợp để ghép vào bài hướng dẫn, ảnh chụp màn hình báo lỗi, hoặc sơ đồ chỉ đường. Hãy vẽ mũi tên 2 đầu khi cần nối hai điểm có quan hệ qua lại (ví dụ đường đi cả chiều đi lẫn chiều về) — dễ hiểu hơn hẳn hai mũi tên chồng lên nhau.
Thêm đường thẳng và mũi tên vào ảnh
Thêm đường thẳng và mũi tên vào ảnh online để chú thích đúng chi tiết cần lưu ý

Nội Dung

Công cụ thêm đường thẳng và mũi tên vào ảnh là gì?

Công cụ thêm đường thẳng và mũi tên vào ảnh là một tiện ích chú thích ảnh: bạn đặt các đoạn thẳng lên ảnh có sẵn để chỉ vị trí, biểu thị hướng hoặc tạo mốc tham chiếu. Mỗi đường được xác định bằng hai đầu mút, có thể mang màu, độ dày, kiểu nét và đầu mũi tên khác nhau. Đây không phải phần mềm vẽ kỹ thuật hay công cụ tự đo kích thước vật thể trong ảnh.

Trong phạm vi được mã nguồn xác nhận, công cụ nhận một ảnh từ thiết bị, cho phép tạo nhiều đường, chọn lại từng đường để chỉnh sửa và xuất kết quả thành PNG. Ảnh tải xuống có chiều rộng và chiều cao tính bằng pixel bằng ảnh nguồn. Những đường bổ sung được ghép vào nội dung ảnh, chứ không trở thành các lớp độc lập trong tệp PNG.

Bạn có hai cách xác định vị trí đường: kéo trực tiếp trên ảnh xem trước hoặc nhập tọa độ của điểm đầu và điểm cuối. Cách kéo phù hợp khi cần đánh dấu theo quan sát; tọa độ hữu ích khi đã biết vị trí pixel muốn sử dụng. Cả hai đều tạo đường trong cùng một danh sách chỉnh sửa.

Ý nghĩa chính của kết quả là giúp người nhận nhìn đúng chi tiết cần trao đổi. Chẳng hạn, mũi tên có thể chỉ đến nút trên ảnh chụp màn hình, còn đoạn thẳng có thể làm mốc so sánh bố cục. Công cụ không tự hiểu chi tiết nào quan trọng: vị trí và cách diễn đạt vẫn do bạn quyết định. Các số đo chiều dài mà giao diện hiển thị là khoảng cách trên lưới pixel, không phải số đo thực ngoài đời.

Thuật ngữ đường thẳng, mũi tên và pixel
Thuật ngữ cần hiểu khi thêm đường và mũi tên vào ảnh: pixel, tọa độ, độ dày nét

Các thuật ngữ cần hiểu khi thêm đường và mũi tên vào ảnh

Pixel: đơn vị của ảnh gốc

Pixel, viết tắt là px, là đơn vị điểm ảnh của ảnh số. Trong công cụ này, tọa độ, độ dày và độ dài đường đều dựa trên pixel ảnh gốc. Cần phân biệt chúng với kích thước nhìn thấy trên màn hình: ảnh lớn có thể được thu nhỏ để vừa khung xem trước, khiến nét vẽ cũng trông nhỏ theo. Theo kiến thức nền về ảnh số, một pixel không tương ứng cố định với một milimet hay centimet; không thể suy ra kích thước vật thể chỉ từ số pixel.

Tọa độ và đầu mút: vị trí và hướng đường

Tọa độ là cặp số X, Y dùng để xác định một vị trí trên ảnh. Gốc tọa độ nằm ở góc trên bên trái; X tăng khi đi sang phải, Y tăng khi đi xuống dưới. Hai đầu mút quyết định đoạn thẳng nằm ở đâu và hướng về phía nào. Với mũi tên một đầu, đầu nhọn nằm tại điểm cuối. Đảo thứ tự hai đầu mút sẽ đảo hướng mũi tên nhưng không thay đổi khoảng cách giữa chúng. Đừng nhầm trục Y của ảnh với cách vẽ trục hướng lên thường gặp trong toán học.

Độ dày nét: khác với độ dài đoạn thẳng

Độ dày nét là bề rộng của đường vẽ, không phải khoảng cách từ đầu này đến đầu kia. Công cụ sử dụng độ dày thực tế từ 1 đến 40 px. Một đoạn rất dài vẫn có thể mảnh, trong khi đoạn ngắn có thể trông nặng nếu dùng nét lớn. Độ dày còn ảnh hưởng đến nhịp nét đứt và kích thước đầu mũi tên theo quy tắc vẽ của công cụ. Vì vậy, tăng độ dày không chỉ làm thân đường rộng hơn mà còn thay đổi cảm nhận chung của ký hiệu.

Khóa hướng 45°: căn hướng khi kéo

Khóa hướng 45° là đưa hướng đoạn thẳng về bội số gần nhất của 45°, bao gồm các hướng ngang, dọc và chéo. Chức năng này được áp dụng khi giữ Shift trong lúc kéo. Nó hỗ trợ tạo đường mốc gọn hơn, nhưng không khóa độ dài, không tự bám mép vật thể và không đo góc thật của đối tượng trong ảnh. Điểm cuối vẫn được tính lại và làm tròn về tọa độ nguyên, nên cần quan sát kết quả thay vì coi thao tác này là phép dựng hình tuyệt đối.

PNG và ảnh raster: hiểu đúng tệp kết quả

Theo kiến thức nền, ảnh raster biểu diễn nội dung bằng một lưới pixel; PNG là một định dạng lưu loại ảnh này. Đầu ra được triển khai ở đây là PNG đã ghép ảnh nguồn với các đường bổ sung. Điều đó khác với tệp vector hoặc dự án nhiều lớp, nơi mỗi đường có thể còn là đối tượng riêng. Giữ kích thước pixel gốc không đồng nghĩa giữ nguyên dung lượng, toàn bộ siêu dữ liệu hay khả năng chọn lại đường sau khi mở tệp tải xuống.

Ảnh đầu vào và kết quả đường vẽ
Ảnh đầu vào, thông số đường vẽ và kết quả PNG nhận được

Ảnh đầu vào, thông số đường vẽ và kết quả nhận được

Ảnh và các thông số có thể cung cấp

Công cụ nhận ảnh qua bộ chọn tệp hoặc kéo thả; nếu thả nhiều tệp, chỉ tệp đầu tiên được xử lý. Tệp cần được nhận diện với kiểu MIME bắt đầu bằng image/, đồng thời phải được trình duyệt giải mã thành công. PNG, JPG và WebP là các ví dụ giao diện gợi ý, không phải lời bảo đảm rằng mọi tệp mang những phần mở rộng đó đều đọc được.

Thông số Ý nghĩa và lựa chọn
Bốn tọa độ X, Y điểm đầu và X, Y điểm cuối, đơn vị px của ảnh gốc.
Màu nét Bộ chọn màu tùy ý hoặc sáu màu có sẵn.
Độ dày Mặc định 4 px; độ dày dùng để vẽ nằm trong khoảng 1–40 px.
Kiểu nét Nét liền hoặc nét đứt.
Đầu mũi tên Không có, ở điểm cuối hoặc ở cả hai đầu.

Sau khi đọc ảnh thành công, giao diện hiển thị tên, kích thước pixel và dung lượng tệp nguồn. Dung lượng này không phải dự báo dung lượng PNG sau chỉnh sửa. Các nhãn KB và MB được tính theo mốc 1024 byte và 1024² byte.

Đọc bản xem trước và danh sách đường

Bản xem trước thể hiện ảnh cùng các đường đã thêm. Danh sách đi kèm cho biết loại đường, kiểu nét, độ dày, hai đầu mút và độ dài. Trạng thái còn thông báo số đường và đường đang được chọn. Khi chọn một mục trong danh sách, bạn có thể chỉnh thông số của chính đường đó.

Viền sáng quanh đường đang chọn chỉ là dấu hiệu hỗ trợ nhận biết trong lúc chỉnh sửa. Nó không phải một phần của thiết kế và không được đưa vào PNG tải xuống.

Hiểu đúng ảnh PNG tải xuống

Đầu ra tải xuống được triển khai là PNG với số pixel theo hai chiều bằng ảnh gốc. Quá trình xuất vẽ lại ảnh cùng các đường đã lưu, không kèm viền chọn. Bạn cũng có thể xuất khi danh sách đường còn trống, miễn là đã đọc được ảnh và trình duyệt tạo PNG thành công.

Việc giữ số pixel không bảo đảm dung lượng tệp giống nguồn hoặc toàn bộ siêu dữ liệu được giữ lại. Công cụ cũng không cung cấp lựa chọn tải JPG, WebP, SVG hay tệp dự án trong công cụ.

Cách tính tọa độ và độ dài mũi tên
Cách công cụ tính tọa độ, độ dài và hình dạng mũi tên trên lưới pixel

Cách công cụ tính tọa độ, độ dài và hình dạng mũi tên

Từ vị trí hiển thị đến tọa độ ảnh gốc

Vùng vẽ có kích thước nội tại bằng kích thước pixel ảnh gốc, dù hình hiển thị được co giãn theo khung chứa. Khi kéo, vị trí con trỏ trong khung được nhân với tỷ lệ giữa kích thước gốc và kích thước hiển thị theo từng chiều. Tọa độ được làm tròn và giới hạn trong biên ảnh trước bước khóa hướng nếu có. Vì vậy, vị trí trên màn hình không được dùng trực tiếp như tọa độ nguồn.

Đường mới tự trở thành đường đang chọn. Thay đổi thông số sau đó có thể cập nhật ngay đường này. Các đường được vẽ theo thứ tự danh sách, nên đường thêm sau có thể che đường trước tại chỗ giao nhau.

Độ dài, làm tròn và kiểm tra hai đầu mút

Khoảng cách giữa hai đầu mút được tính bằng công thức L = √((X₂ − X₁)² + (Y₂ − Y₁)²), đơn vị px. Đây là chiều dài hình học của đoạn, không phải kích thước ngoài cùng khi tính thêm độ dày và đầu mũi tên. Phần tính từ ô tọa độ làm tròn đến một chữ số thập phân; danh sách đường làm tròn đến pixel nguyên.

Khi thêm mới bằng tọa độ, mỗi giá trị được làm tròn thành số nguyên rồi chặn từ 0 đến chiều rộng hoặc chiều cao tương ứng, có tính giá trị biên. Tuy nhiên, sửa tọa độ đường đang chọn chỉ làm tròn mà không chặn lại. Các ô nhập cũng không nhất thiết tự đổi sang tọa độ đã chặn sau khi thêm, nên đôi lúc số tính từ ô nhập khác số trong danh sách.

Hai cách tạo đường có ngưỡng khác nhau: thêm bằng tọa độ từ chối đoạn dưới 1 px sau xử lý; kéo trực tiếp bỏ qua đoạn dưới 3 px. Với đầu mút nguyên, ngưỡng thứ nhất loại trường hợp hai điểm trùng nhau. Độ dày được làm tròn, dùng mức 4 px nếu kết quả đọc hoặc làm tròn bằng 0, rồi giới hạn trong khoảng 1–40 px.

Nét đứt, đầu mũi tên và khóa hướng

Nét đứt được đặt nhịp gồm đoạn nét dài 3 lần độ dày và khoảng trống dài 2 lần độ dày. Đầu nét bo tròn nên hình nhìn thấy có thể khác cảm nhận từ các con số nhịp. Đầu mũi tên là tam giác tô đặc, kể cả khi thân đường là nét đứt. Tham số kích thước đầu được tính bằng max(12, 4 × độ dày), đơn vị px.

Khi giữ Shift trong lúc di chuyển, hướng được đưa về bội số gần nhất của 45°, giữ độ dài trước bước chốt hướng rồi làm tròn điểm cuối. Sau phép tính này, điểm cuối không được chặn biên thêm lần nữa. Do đó, đường khóa hướng sát mép vẫn có thể vươn ra ngoài ảnh.

Khi nào dùng đường thẳng và mũi tên
Khi nào nên dùng đường thẳng hoặc mũi tên để chú thích ảnh

Khi nào nên dùng đường thẳng hoặc mũi tên để chú thích ảnh?

Chỉ đúng chi tiết cần người xem chú ý

Mũi tên một đầu phù hợp khi cần chỉ một nút, biểu tượng hoặc vùng nhỏ trên ảnh chụp màn hình. Trong tài liệu hướng dẫn, một mũi tên đặt đúng chỗ có thể giúp người đọc xác định mục tiêu nhanh hơn mô tả vị trí bằng lời. Bạn vẫn cần tự chọn điểm đích; công cụ không tự nhận diện đối tượng hay tìm nút cần thao tác.

Nên để đầu nhọn chạm gần chi tiết cần chỉ, nhưng tránh che mất nội dung quan trọng. Nếu ảnh có nhiều mục tiêu, chỉ đánh dấu những điểm thật sự phục vụ thông điệp.

Dùng đường mốc và khoảng chỉ dẫn

Đường ngang, dọc hoặc chéo có thể làm mốc trực quan khi trao đổi bố cục, chẳng hạn minh họa mép cần so sánh giữa hai vùng. Đây là cách sử dụng đường vẽ do bạn đặt, không phải tính năng tự căn chỉnh hoặc kiểm tra bố cục.

Mũi tên hai đầu thích hợp để biểu thị một khoảng đang được thảo luận. Tuy nhiên, số pixel của đoạn không phải kích thước thật của vật thể. Nếu cần đo chiều dài ngoài đời, bạn phải có thêm căn cứ về tỷ lệ và điều kiện chụp; bản thân ảnh chú thích không cung cấp các căn cứ đó.

Chọn cách chú thích dễ đọc

Về biên tập hình ảnh, nên chọn màu tương phản với nền, độ dày đủ thấy và số lượng đường vừa phải. Nét đứt có thể phân biệt đường tham chiếu với đường viền sẵn trong ảnh. Đây là khuyến nghị trình bày, không phải chế độ tự động của công cụ.

Khi cần giải thích dài bằng chữ, bạn có thể cân nhắc nhu cầu riêng với công cụ thêm chữ vào ảnh. Không nên mặc định hai công cụ tự chuyển dữ liệu hoặc giữ chung các lớp chỉnh sửa.

Kéo và nhập tọa độ vẽ đường thẳng
Vẽ bằng kéo và nhập tọa độ khác nhau thế nào khi thêm đường thẳng vào ảnh

Vẽ bằng kéo và nhập tọa độ khác nhau thế nào?

Chọn theo nhu cầu đánh dấu hay định vị pixel

Kéo trực tiếp phù hợp khi bạn nhìn thấy mục tiêu và muốn đánh dấu theo cảm nhận thị giác. Nhập tọa độ phù hợp hơn khi đã biết các vị trí pixel cần sử dụng, chẳng hạn muốn nhiều đoạn có chung một mức Y. Cách nhập số kiểm soát đầu mút rõ ràng hơn, nhưng không nên gọi là chính xác tuyệt đối: giá trị vẫn chịu quy tắc làm tròn và xử lý biên.

Cả hai cách tạo cùng loại đối tượng đường trong danh sách. Chúng không dẫn đến hai chế độ xuất khác nhau; kết quả cuối vẫn được ghép vào PNG theo kích thước ảnh nguồn.

Tiêu chí Kéo trực tiếp Nhập tọa độ để thêm
Xác định vị trí Từ con trỏ, quy đổi về ảnh gốc. Từ bốn số chỉ hai đầu mút.
Dùng Shift Có thể khóa hướng khi kéo. Không áp dụng khóa hướng qua thao tác này.
Ngưỡng lưu đường Ít nhất 3 px. Ít nhất 1 px sau xử lý.
Tọa độ cuối Có làm tròn; khóa hướng tính lại điểm cuối. Làm tròn và chặn biên khi thêm mới.

Những khác biệt cần biết trước khi chỉnh sửa

Điểm dễ nhầm nhất là sự khác nhau giữa nhập thông số và tạo thêm đường. Nếu một đường đang được chọn, thay đổi tọa độ hoặc kiểu nét sẽ sửa ngay đường đó. Hành động thêm bằng tọa độ mới tạo thêm một mục trong danh sách. Vì vậy, trước khi thay đổi số, hãy kiểm tra đường nào đang được chọn.

Bạn có thể dùng kéo cho bố cục ban đầu rồi chọn đường để tinh chỉnh bằng số. Khi cần đường rất ngắn hoặc đầu mút theo vị trí đã biết, nhập tọa độ phù hợp hơn. Các quy tắc biên khi thêm mới và khi sửa vẫn khác nhau như đã giải thích ở phần tính toán.

Ví dụ mũi tên và đường tham chiếu
Ví dụ thêm mũi tên chỉ điểm và đường tham chiếu trên ảnh

Ví dụ thêm mũi tên chỉ điểm và đường tham chiếu trên ảnh

Mũi tên một đầu trên ảnh 800 × 600 px

Các tình huống dưới đây là giả định độc lập để minh họa quy tắc của công cụ. Giả sử dùng ảnh minh họa không chứa dữ liệu cá nhân và danh sách đường ban đầu trống. Với ảnh 800 × 600 px, tạo mũi tên nét liền, dày 4 px, từ (100, 100) đến (400, 500).

Chênh lệch theo hai trục lần lượt là 300 px và 400 px. Độ dài bằng √(300² + 400²) = 500 px. Đầu nhọn nằm tại (400, 500), nên mũi tên hướng từ phía trên bên trái xuống phía dưới bên phải. Tham số kích thước đầu mũi tên là max(12, 4 × 4) = 16 px.

Nếu xuất thành công, PNG có kích thước 800 × 600 px. Con số 500 px chỉ khoảng cách giữa hai đầu mút, không phải số đo vật lý hoặc kích thước bao ngoài toàn bộ ký hiệu.

Đường ngang nét đứt trên ảnh 1000 × 700 px

Ở tình huống riêng thứ hai, giả sử ảnh có kích thước 1000 × 700 px. Tạo đường nét đứt dày 6 px, có mũi tên hai đầu, từ (100, 200) đến (900, 200). Hai giá trị Y bằng nhau nên đoạn nằm ngang; độ dài giữa hai đầu mút là 900 − 100 = 800 px.

Nhịp nét được đặt là 18 px phần nét và 12 px khoảng trống, tương ứng 3 × 6 và 2 × 6. Đầu mũi tên vẫn tô đặc, với tham số kích thước 24 px. PNG xuất thành công có kích thước 1000 × 700 px. Đường này có thể biểu thị một khoảng cần trao đổi, nhưng không tự chứng minh khoảng đó dài bao nhiêu centimet.

Tọa độ vượt biên và đường quá ngắn

Giả sử ảnh khác có kích thước 800 × 600 px và không có đường đang chọn. Khi nhập điểm đầu (−20, 100), điểm cuối (900, 100) rồi thêm mới, hai giá trị X bị chặn thành 0 và 800. Đường được lưu dài 800 px. Tuy nhiên, phép tính từ các ô chưa được đồng bộ có thể vẫn cho 920 px. Chọn lại đường trong danh sách sẽ đưa tọa độ đã lưu vào ô nhập.

Với ảnh giả định 100 × 100 px, đoạn từ (10, 10) đến (12, 10) dài 2 px. Thêm bằng tọa độ chấp nhận đoạn này, còn kéo tạo đúng hai đầu mút đó sẽ không lưu vì chưa đạt 3 px. Như vậy, không phải mọi đường ngắn đều bị từ chối; kết quả phụ thuộc cách tạo.

Giới hạn chỉnh sửa ảnh và quyền riêng tư
Giới hạn chỉnh sửa, tương thích và quyền riêng tư khi thêm đường và mũi tên vào ảnh

Giới hạn chỉnh sửa, tương thích và quyền riêng tư cần lưu ý

Những gì chưa được lưu hoặc xuất thành lớp riêng

“Hoàn tác đường cuối” chỉ bỏ đường được thêm cuối cùng, không phải lịch sử hoàn tác đầy đủ cho mọi lần đổi màu, sửa tọa độ hoặc xóa riêng. Khi một ảnh mới được đọc thành công, danh sách đường hiện tại bị xóa. Không có cơ chế lưu phiên hay khôi phục sau khi rời trang được thể hiện trong mã.

PNG đã ghép các đường vào ảnh raster. Phần triển khai này không cung cấp dự án nhiều lớp, xuất SVG, chèn chữ, cắt ảnh hoặc xoay ảnh. Bạn nên hoàn tất chỉnh sửa các đường trước khi xem PNG tải xuống là bản bàn giao.

Giới hạn thiết bị và phần hình vẽ ngoài biên

Mã không đặt giới hạn cứng về dung lượng ảnh, kích thước ảnh hoặc số đường. Điều đó không có nghĩa tài nguyên vô hạn: khả năng xử lý còn phụ thuộc bộ nhớ, giới hạn vùng vẽ Canvas và thiết bị. Không có đủ dữ liệu để đưa ra một ngưỡng tối đa dùng ổn định cho mọi máy.

Ảnh không đọc được hoặc xuất thất bại có thể liên quan tệp và khả năng trình duyệt. Cảm ứng phụ thuộc hỗ trợ sự kiện con trỏ; nhánh thay thế chỉ gắn sự kiện chuột. Cũng cần kiểm tra đường sát mép: một phần nét hoặc đầu mũi tên có thể bị cắt dù đầu mút nằm trên biên.

Phạm vi có thể xác nhận về xử lý ảnh

Công cụ đọc ảnh từ thiết bị bằng URL đối tượng và dựng kết quả bằng Canvas; không có bước tải ảnh lên máy chủ trong luồng này. Tuy nhiên, điều đó chưa đủ để khẳng định toàn bộ website không thu thập hoặc truyền dữ liệu. Các thành phần khác của trang và chính sách lưu giữ dữ liệu chưa được xác minh. Tương tự, chưa có căn cứ từ kiểm thử thực tế để bảo đảm hành vi trên mọi trình duyệt.

Câu hỏi thường gặp

Vì sao mũi tên lại chỉ ngược hướng tôi muốn?

Mũi tên một đầu luôn đặt đầu nhọn ở điểm cuối, nên hướng phụ thuộc thứ tự hai đầu mút. Nếu bạn xác định điểm cần chỉ là điểm đầu, mũi tên sẽ hướng ra xa mục tiêu thay vì hướng tới đó. Hãy kiểm tra lại cặp tọa độ đầu và cuối của đường đang chọn. Đổi chỗ hai cặp sẽ đảo hướng mà không đổi khoảng cách giữa chúng. Với mũi tên hai đầu, cả hai đầu mút đều có đầu nhọn nên không có cùng cách hiểu hướng một chiều.

Vì sao đổi màu để vẽ đường mới lại làm đường cũ đổi màu?

Vì đường cũ đang được chọn và các điều khiển có tác dụng cập nhật trực tiếp đường đó. Một đường vừa thêm cũng tự trở thành đường đang chọn, nên hiện tượng này có thể xảy ra ngay sau lần vẽ trước. Hãy nhìn trạng thái và mục được đánh dấu trong danh sách để biết đối tượng chịu thay đổi. Không nên mặc định bộ chọn màu chỉ thiết lập cho lần vẽ tiếp theo. Nếu đã đổi nhầm, bạn có thể chọn đúng đường và đặt lại màu mong muốn.

Tại sao nét nhìn mỏng hơn khi ảnh được thu nhỏ trên màn hình?

Độ dày được tính theo pixel ảnh gốc, còn khung xem trước co giãn để vừa không gian hiển thị. Khi toàn ảnh bị thu nhỏ, bề rộng nhìn thấy của nét cũng thu nhỏ theo, dù thông số độ dày không đổi. Đây không phải dấu hiệu công cụ tự giảm độ dày trong bản xuất. Bạn nên đánh giá nét trong mối tương quan với chi tiết ảnh và kích thước sử dụng cuối cùng, thay vì chỉ dựa vào cảm giác khi xem một ảnh lớn trong khung nhỏ.

Vì sao kéo một đường rất ngắn không thấy đường được thêm?

Đường tạo bằng kéo có độ dài dưới 3 px theo ảnh gốc sẽ bị bỏ qua khi kết thúc thao tác. Quy tắc này khác với thêm bằng tọa độ, nơi đoạn dài ít nhất 1 px sau xử lý có thể được lưu. Vì vậy, một đoạn 2 px có thể thêm bằng số nhưng không được giữ khi kéo. Nếu cần đánh dấu nhỏ, hãy cân nhắc cả độ dày và đầu mũi tên: chúng có thể khiến đoạn rất ngắn khó nhận ra hình dạng dù đã được lưu.

Viền sáng quanh đường đang chọn có xuất hiện trong PNG tải xuống không?

Không. Viền sáng là dấu hiệu chọn trong bản xem trước, không được vẽ vào PNG kết quả. Khi xuất, công cụ tạo vùng vẽ mới, đặt ảnh nguồn rồi vẽ các đường đã lưu mà không bật phần đánh dấu lựa chọn. Vì thế, đường cuối cùng vẫn được xuất với màu, độ dày và kiểu nét đã đặt, nhưng không có quầng sáng hỗ trợ chỉnh sửa. Những gì chưa được chốt thành đường trong danh sách cũng không phải phần bổ sung được lưu vào ảnh xuất.

Sau khi tải PNG, tôi có thể chọn riêng từng đường để sửa lại không?

Không thể chọn riêng các đường từ chính tệp PNG như những đối tượng còn tách biệt. Trong ảnh tải xuống, chúng đã trở thành nội dung pixel cùng ảnh nền. Nếu phiên chỉnh sửa vẫn còn nguyên, bạn có thể tiếp tục dùng danh sách hiện tại để sửa rồi xuất lại. Nhưng khi nạp PNG như một ảnh mới, công cụ không có căn cứ để phân tách đường cũ khỏi ảnh. Không nên dựa vào tệp PNG như bản sao lưu cho các đối tượng chỉnh sửa.

Tôi có thể tải ảnh PNG khi chưa thêm đường nào không?

Có, miễn là ảnh đã được đọc thành công và trình duyệt hỗ trợ xuất PNG. Kiểm tra thực tế của thao tác tải xuống yêu cầu có ảnh, không bắt buộc danh sách phải có đường. Khi danh sách trống, kết quả chỉ gồm ảnh nguồn được vẽ lại và mã hóa thành PNG theo kích thước pixel gốc. Tuy vậy, đây không phải sao chép nguyên trạng tệp ban đầu: dung lượng, định dạng và siêu dữ liệu có thể khác. Nếu xuất thất bại, công cụ sẽ hiển thị thông báo thay vì cung cấp ảnh hoàn chỉnh.

Bình luận vui vẻ - Yêu cầu nâng cấp

Cáo trợ lý