एक उच्च डॉट्स-प्रति-इंच डिस्प्ले (जैसे मैकबुक रेटिना या पिक्सेल क्रोमबुक) पर सभी देशी पिक्सल को प्रस्तुत करने के लिए वेबजीएल सेट करने का सही तरीका क्या है?उच्च डीपीआई उपकरणों का उपयोग कर वेबजीएल सामग्री कैसे प्रस्तुत करें?
6
A
उत्तर
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 डी कैनवास के लिए यह कम सरल है लेकिन यह सवाल नहीं पूछा गया था।
संबंधित मुद्दे
- 1. सीएसएस - उच्च डीपीआई
- 2. उच्च डीपीआई समस्याएं
- 3. SqlServer प्रबंधन स्टूडियो 2016 उच्च डीपीआई मुद्दा
- 4. उच्च-डीपीआई विंडोज सेटिंग के साथ WinMerge का उपयोग कैसे करें?
- 5. सामग्री का उपयोग कैसे करें ताकि सामग्री
- 6. वेबजीएल
- 7. विजुअल स्टूडियो 2013 उच्च डीपीआई वर्कअराउंड
- 8. वेबजीएल -
- 9. उच्च-डीपीआई विंडोज प्लेटफ़ॉर्म पर किसी एप्लिकेशन का स्वचालित रीस्कलिंग?
- 10. वेबजीएल में एकाधिक बनावट का उपयोग कैसे करें?
- 11. वेबजीएल
- 12. वेबजीएल
- 13. उच्च डीपीआई स्क्रीन के लिए स्टाइल शीट/क्यूटी डिजाइनर समर्थन?
- 14. वेबजीएल बनावट
- 15. रिपोर्टिंग सेवाओं में, 96 डीपीआई
- 16. वेबजीएल
- 17. जीडीबी का उपयोग कर स्मृति सामग्री को कैसे संशोधित करें?
- 18. जावास्क्रिप्ट का उपयोग कर एक्सएमएल फ़ाइल सामग्री कैसे लोड करें?
- 19. जावास्क्रिप्ट का उपयोग कर iFrame src सामग्री कैसे प्राप्त करें?
- 20. jquery का उपयोग कर div सामग्री को ज़ूम कैसे करें?
- 21. वेबजीएल पुस्तकालयों का उपयोग कर डेटा विज़ुअलाइज़ेशन और डेटा विश्लेषण?
- 22. क्यूटी 5.6 के साथ उच्च डीपीआई पर तेज यूआई कैसे प्राप्त करें?
- 23. परीक्षण करते समय उपकरणों का उपयोग कैसे करें?
- 24. विंडोज़ फॉर्म बटन की छवि को उच्च-डीपीआई पर कैसे स्केल करें?
- 25. jQuery.ajax सामग्री संपत्ति का उपयोग कैसे करें
- 26. वेबजीएल
- 27. डीपीआई
- 28. वेबजीएल
- 29. किसी छवि में डीपीआई जानकारी कैसे सेट करें?
- 30. सी # .NET में डीपीआई कैसे प्राप्त करें?
हाल ही में इस टिप्पणी पर गड़बड़ी पर आया: https://plus.google.com/115293744081058969329/posts/b2VPLVHbp5b में कुछ टिंकर करने के लिए कुछ हो सकता है? –