Hiện tượng này thường không phải do toàn bộ trang bị phóng to hoặc giảm chất lượng. Chữ HTML được trình duyệt dựng riêng, còn vùng 3D thường nằm trong một phần tử canvas có bộ đệm điểm ảnh riêng. Nếu bộ đệm đó có ít điểm ảnh hơn kích thước hiển thị thực tế, trình duyệt phải kéo giãn hình 3D, nên vật thể bị nhòe trong khi chữ bên ngoài vẫn sắc nét.
Cách hiểu bằng ví dụ giả định
Ví dụ giả định: một canvas được hiển thị ở kích thước 320 × 180 pixel CSS trên màn hình có DPR bằng 2. Nếu bộ đệm khớp mật độ hiển thị, kích thước tương ứng là 640 × 360 điểm ảnh vật lý. Phép tính là 640 × 360 = 230.400 điểm ảnh, còn 320 × 180 = 57.600 điểm ảnh; như vậy là 4 lần số điểm ảnh, không phải 2 lần, vì độ phân giải tăng theo cả chiều ngang lẫn chiều dọc.
Nếu canvas vẫn chỉ vẽ vào bộ đệm 320 × 180 rồi phóng lên vùng 640 × 360, các cạnh, chữ nằm trong cảnh và chi tiết mô hình có thể mềm đi. Con số trên chỉ minh họa việc phóng theo hai trục, không phải lời hứa rằng mọi trường hợp đều được sửa bằng cách tăng bộ đệm.
Phân biệt hai hiện tượng dễ nhầm
Nếu chỉ khu vực 3D mờ còn menu, tiêu đề hoặc chữ HTML vẫn rõ, nghi vấn chính là độ phân giải bộ đệm của canvas, cách kết xuất hoặc ảnh kết cấu trong cảnh. Ngược lại, nếu cả trang, chữ và hình đều lớn hoặc nhòe sau khi dùng zoom trình duyệt hay đổi màn hình, nguyên nhân có thể nằm ở việc phóng toàn trang.
Để kiểm tra an toàn, hãy tạm dừng cùng một cảnh tĩnh rồi so sánh trước và sau khi chuyển sang màn hình khác hoặc thay đổi zoom trình duyệt; mỗi lần chỉ đổi một yếu tố. Nếu chỉ canvas thay đổi độ nét còn chữ vẫn giữ nguyên, đó là dấu hiệu giúp khoanh vùng, không phải bằng chứng tuyệt đối về một lỗi duy nhất.
Ai có thể xử lý và cần kiểm tra gì?
Người dùng không thể sửa bộ đệm của một trang từ giao diện thông thường. Người bảo trì cần đối chiếu kích thước CSS của canvas, kích thước bộ đệm vẽ và DPR của màn hình, đồng thời xem xét các nguyên nhân khác như nguồn kết xuất hoặc ảnh có độ phân giải thấp. Thông tin nền về sự khác nhau giữa kích thước CSS và mật độ điểm ảnh được trình bày trong tài liệu MDN về devicePixelRatio.