2010-07-20 12 views
6

स्केलिंग के बिना html5 कैनवास के आयामों को बदलने के लिए कैसे मैं इस तरह मेरी कैनवास init:यह सामग्री

var canvas = document.getElementById("canvasDiv"); 
canvas.style.width = 200; 
canvas.style.height = 100; 

:

<canvas id="canvasDiv" width="20" height="20"></canvas> 

और कहीं कोड में मैं इसे करने के लिए आकार बदलने के लिए चाहते हैं अंतिम आकार है हालांकि, मेरे कैनवास पर किसी भी पिक्सेल I प्लॉट को स्केल किया गया है (इसलिए यह अब 1 पिक्सेल नहीं है)।

इस स्केलिंग प्रभाव के बिना कैनवास के आयामों को कैसे बदलता है? (तो प्रोग्राम के रूप में)

उत्तर

15

मुझे लगता है कि तुम सिर्फ भी इसकी चौड़ाई & ऊंचाई गुणों को सेट करने की जरूरत है:

canvas.width = 200; 
canvas.height = 100; 
+0

वाह ... मैं वास्तव में कुछ ऑनलाइन डोम संदर्भ डोम तत्वों की विशेषताओं को देखने के लिए जाँच की, और चौड़ाई और ऊंचाई वहां नहीं थी। अन्य उदाहरणों ने इस शैली की चाल का उपयोग किया। Thats क्यों मैंने उस वाक्यविन्यास का उपयोग किया – Toad

+0

क्या वास्तव में एक उचित/आधिकारिक डोम/सीएसएस संदर्भ गाइड है? मैंने इस पर मुकदमा दायर किया लेकिन स्पष्ट रूप से यह पूरा नहीं हुआ है: http://www.javascriptkit.com/domref/elementproperties.shtml – Toad

+0

कैनवास टैग के लिए आधिकारिक नमूना http://www.whatwg.org/specs/web- क्षुधा/वर्तमान काम/मल्टीपेज /-कैनवास-element.html – sunetos

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