Cách nào đúng để thiết lập WebGL để hiển thị cho tất cả các pixel gốc trên màn hình có độ phân giải cao trên mỗi inch (chẳng hạn như màn hình macbook võng mạc hoặc chromebook pixel)?Cách hiển thị nội dung WebGL bằng thiết bị DPI cao?
cho WebGL nó tương đối đơn giản.
var desiredCSSWidth = 400;
var desiredCSSHeight = 300;
var devicePixelRatio = window.devicePixelRatio || 1;
canvas.width = desiredCSSWidth * devicePixelRatio;
canvas.height = desiredCSSHeight * devicePixelRatio;
canvas.style.width = desiredCSSWidth + "px";
canvas.style.height = desiredCSSHeight + "px";
Xem http://www.khronos.org/webgl/wiki/HandlingHighDPI
Có kiểm tra sự phù hợp mà những quy tắc được tuân thủ. Cụ thể là trình duyệt không được phép thay đổi kích thước của cửa hàng sao lưu cho canvas cho canvas WebGL.
Đối với canvas 2D thông thường thì đơn giản hơn nhưng đó không phải là câu hỏi được đặt ra.
Gần đây, bạn đã xem qua bình luận này về sự lộn xộn: https://plus.google.com/115293744081058969329/posts/b2VPLVHbp5b Có thể chứa nội dung nào đó để nhắn tin? –