WebGL'yi, inç başına yüksek bir ekranda (örneğin, macbook retina veya piksel chromebook gibi) tüm yerel piksellere işlemek için doğru yol nedir? WebGL içinWebGL içeriği yüksek DPI aygıtları kullanılarak nasıl oluşturulur?
nispeten basittir.
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";
http://www.khronos.org/webgl/wiki/HandlingHighDPI
bu kurallara uyulmasını uygunluk testleri vardır bakın. Özellikle, tarayıcının bir WebGL kanvasının tuvali için alt mağazanın boyutunu değiştirmesine izin verilmez.
Düzenli 2D tuval için daha az basit ama sorulan soru bu değildi.
Geçtiğimiz günlerde bu karmaşada karşılaştık: https://plus.google.com/115293744081058969329/posts/b2VPLVHbp5b Tinker'le bir şeyler içerebileceğine emin misiniz? –