2013-04-09 4 views
6

एक उच्च डॉट्स-प्रति-इंच डिस्प्ले (जैसे मैकबुक रेटिना या पिक्सेल क्रोमबुक) पर सभी देशी पिक्सल को प्रस्तुत करने के लिए वेबजीएल सेट करने का सही तरीका क्या है?उच्च डीपीआई उपकरणों का उपयोग कर वेबजीएल सामग्री कैसे प्रस्तुत करें?

+0

हाल ही में इस टिप्पणी पर गड़बड़ी पर आया: https://plus.google.com/115293744081058969329/posts/b2VPLVHbp5b में कुछ टिंकर करने के लिए कुछ हो सकता है? –

उत्तर

7

वेबजीएल के लिए यह अपेक्षाकृत सरल है।

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

अनुरूपता परीक्षण है कि इन नियमों का पालन कर रहे हैं। विशेष रूप से ब्राउज़र को वेबगेल कैनवास के लिए कैनवास के लिए बैकिंगस्टोर के आकार को बदलने की अनुमति नहीं है।

नियमित 2 डी कैनवास के लिए यह कम सरल है लेकिन यह सवाल नहीं पूछा गया था।

संबंधित मुद्दे