高DPIデバイスを使用してWebGLコンテンツをレンダリングするにはどうすればよいですか？

Question

MacGL網膜やピクセルクロムブックなどの高ドット/インチ表示のすべてのネイティブピクセルにレンダリングするWebGLを設定する正しい方法は何ですか？

Answer 1

for WebGLこれは比較的簡単です。

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

を参照してください。具体的には、WebGLキャンバスのキャンバスのバッキングストアのサイズを変更することはできません。

通常の2Dキャンバスの場合、単純ではありませんが、それは質問されたものではありませんでした。